@charset "utf-8";
html, body{}
html{ overflow-y:scroll; width:100%; height:100%;}
body{ -webkit-text-size-adjust:none;}
.wrapper{ overflow:hidden; margin:0 auto; min-width:1200px;}




.scroll_top{ display:none; position:fixed; z-index:500; right:50px; bottom:100px; width:50px; height:50px; border-radius:20px; background:#6ba7ea; cursor:pointer;}
	.scroll_top img{ display:block; margin:5px;}	
	.scroll_top:hover{ background:#5182b8;}
	
	
	
	
.header{ position:absolute; z-index:1000; top:0; right:0; left:0; min-width:1200px; height:79px; border-bottom:1px solid rgba(255,255,255,0.1);}
	.header .logo{ position:absolute; z-index:10; top:20px; left:50px;}
	.header .logo img{ display:block; height:35px;}
	
	.header .menu{ position:absolute; z-index:10; top:32.5px; right:50px;}
	.header .menu ul{ float:right;}
	.header .menu ul li{ float:left; margin:0 0 0 20px;}
	.header .menu ul li a{ float:left;}
	.header .menu ul li a img{ display:block; float:left; margin:0 5px 0 0;}
	.header .menu ul li a p{ float:left; line-height:15px; font-size:12px; color:#FFF; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
	.header .menu ul li a:hover p{ opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
	
	.header .gnb{ text-align:center;}
	.header .gnb > ul{ display:inline-block; height:80px;}
	.header .gnb > ul > li{ position:relative; z-index:20; float:left; margin:0 0 0 0;}
	.header .gnb > ul > li > a{ display:block; padding:0 20px; height:80px; line-height:80px; font-size:16px; font-weight:600; color:#FFF; letter-spacing:-1px; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
	.header .gnb > ul > li > a:hover{ opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
	.header .gnb > ul > li.on > a{ color:#6ba7ea !important;}
	
	.header .gnb > ul > li > ul{ display:none; position:absolute; top:80px; left:0; width:100%;}
	.header .gnb > ul > li > ul > li{ position:relative;}
	.header .gnb > ul > li > ul > li > a{ height:30px; background:#333; text-align:center; line-height:28px; font-size:13px; color:#CCC; letter-spacing:-1px; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
	
	.header .gnb > ul > li > ul > li ul{ display:none; position:absolute; top:0; left:100%; width:210px; background:#000;}
	.header .gnb > ul > li > ul > li ul li{}
	.header .gnb > ul > li > ul > li ul li a{ padding:0 20px; height:30px; background:#333; text-align:left; line-height:28px; font-size:14px; color:#CCC; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
	.header .gnb > ul > li > ul > li ul li a font{ font-size:10px;}
	.header .gnb > .line{ position:absolute; z-index:10; bottom:0; height:2px; background:#FFF;}
	
	
	
	
.header_sub{ position:fixed; z-index:1000; top:0; right:0; left:0; min-width:1200px; height:75px; border-top:5px solid #6ba7ea; background:#FFF; box-shadow:0 1px 0 0 rgba(0,0,0,0.15);}
	.header_sub .logo{ position:absolute; top:20px; left:50px;}
	.header_sub .logo img{ display:block; height:35px;}
	
	.header_sub .menu{ position:absolute; z-index:10; top:30px; right:50px;}
	.header_sub .menu ul{ overflow:hidden;}
	.header_sub .menu ul li{ float:left; margin:0 0 0 20px;}
	.header_sub .menu ul li a{ overflow:hidden;}
	.header_sub .menu ul li a img{ display:block; float:left; margin:0 5px 0 0;}
	.header_sub .menu ul li a p{ float:left; line-height:15px; font-size:12px; color:#000; opacity:0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
	.header_sub .menu ul li a:hover p{ opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
	
	.header_sub .gnb{ text-align:center;}
	.header_sub .gnb > ul{ display:inline-block; height:75px;}
	.header_sub .gnb > ul > li{ position:relative; z-index:20; float:left; margin:0 0 0 0;}
	.header_sub .gnb > ul > li > a{ display:block; padding:0 20px; height:75px; line-height:75px; font-size:16px; font-weight:600; color:#666; letter-spacing:-1px; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
	.header_sub .gnb > ul > li > a:hover{ opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
	
	.header_sub .gnb > ul > li > ul{ display:none; position:absolute; top:75px; left:0; width:100%;}
	.header_sub .gnb > ul > li > ul > li{ position:relative;}
	.header_sub .gnb > ul > li > ul > li > a{ height:30px; background:#243242; text-align:center; line-height:28px; font-size:13px; color:#CCC; letter-spacing:-1px;}
	
	.header_sub .gnb > ul > li > ul > li ul{ display:none; position:absolute; top:0; left:100%; width:210px; background:#000;}
	.header_sub .gnb > ul > li > ul > li ul li{}
	.header_sub .gnb > ul > li > ul > li ul li a{ padding:0 20px; height:30px; background:#333; text-align:left; line-height:28px; font-size:14px; color:#CCC; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
	.header_sub .gnb > ul > li > ul > li ul li a font{ font-size:10px;}
	.header_sub .gnb > .line{ position:absolute; z-index:10; bottom:0; height:3px; background:#6ba7ea;}
	
	
	
	
.visual{ overflow:hidden; position:relative; min-height:800px !important;}
	.visual .start{ position:absolute; z-index:100; top:0; right:0; bottom:0; left:0;}
	.visual .start .skip{ position:absolute; z-index:1; top:50%; left:50%; margin:100px 0 0 -85px; width:170px; height:28px; cursor:pointer;}
	.visual .start .skip .on{ display:none; position:absolute; z-index:1;}
	.visual .start .skip .off{ display:block;}
	.visual .start .skip:hover .on{ display:block;}
	.visual .start .skip:hover .off{ display:none;}
	
	.visual .start .s_01{ display:block; position:absolute; z-index:1; bottom:50%; left:50%; margin:0 0 20px -218.5px; -webkit-animation:s_01 20s linear 1s;}
	.visual .start .s_02{ display:block; position:absolute; z-index:1; top:50%; left:50%; margin:15px 0 0 -233.5px; -webkit-animation:s_02 20s linear 1s;}
	.visual .start .img{ display:block; position:absolute; top:50%; left:50%; margin:-550px 0 0 -960px; animation:s_img 20s linear 1s;}
	@-webkit-keyframes s_01{
	0%{ -webkit-transform:scale(1);}
	50% {  -webkit-transform:scale(1.5);}
	}
	@-webkit-keyframes s_02{
	0%{ -webkit-transform:scale(1);}
	50% {  -webkit-transform:scale(0.8);}
	}
	
	@keyframes s_img{
	0%{ transform:scale(1);}
	50% {  transform:scale(1.5);}
	}
	
	.visual .menu_tit{ position:absolute; z-index:50; top:50%; left:50%; margin:-220px 0 0 -600px; width:1200px; text-align:center;}
	.visual .menu_tit p{ line-height:50px; font-size:50px; font-weight:bold; color:#FFF;}
	.visual .menu_tit font{ line-height:30px; font-size:30px; color:#FFF;}
	
	.visual .menu{ position:absolute; z-index:50; top:50%; left:50%; margin:-70px 0 0 -600px; width:1200px;}
	.visual .menu ul{ padding:0 10px;}
	.visual .menu ul li{ float:left; margin:0 5px; width:285px; margin-bottom:10px; }
	.visual .menu ul li a{ overflow:hidden; position:relative; height:220px; background:#FFF;}
	.visual .menu ul li a .line{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:0px solid #086bc2; transition:all .3s;}
	.visual .menu ul li a .txt{ text-align:center;}
	.visual .menu ul li a .txt p{ margin:60px 0 0 0; line-height:22px; font-size:22px; font-weight:bold; color:#333; transition:all .3s;}
	.visual .menu ul li a .txt span{ display:block; margin:20px auto; width:40px; height:1px; background:#b2b2b2;}
	.visual .menu ul li a .txt font{ line-height:18px; font-size:15px; color:#666;}
	.visual .menu ul li a:hover .line{ border:10px solid #6ba7ea;}
	.visual .menu ul li a:hover .txt p{ color:#6ba7ea;}
	
	.visual .btn{ transition:all .5s; position:absolute; z-index:50; top:50%; left:50%; margin:220px 0 0 -60px; width:120px; height:40px; border-radius:5px; border:2px solid #FFF; text-align:center; line-height:38px; font-size:18px; font-weight:800; color:#FFF;}
	.visual .btn:hover{ border-color:#6ba7ea; background:#6ba7ea;}
@media (min-width:1921px){
	.visual .start .img{ margin:-750px 0 0 -1280px; width:2560px; height:1600px;}
	.visual .bg img{ bottom:-34px; left:0; margin:0; width:100%; height:auto;}
}
	


	
.footer{ overflow:hidden; position:relative; z-index:300; border-top:1px solid #CCC; background:#FFF;}
	.footer .center{ overflow:hidden; margin:0 auto; padding:49px 15px 70px 15px; width:1170px;}
	.footer .center .left{ float:left;}
	.footer .center .left .logo{ width:170px;}
	.footer .center .left .logo img{ display:block; height:35px;}
	.footer .center .left .txt{ margin:15px 0 0 0; line-height:15px; font-size:15px; font-weight:600; color:#666;}
	.footer .center .left .copy{ margin:10px 0 0 0; line-height:20px; font-size:12px; color:#999;}
	.footer .center .sitemap{ float:right;}	
	.footer .center .sitemap > li{ float:left; margin:0 0 0 40px;}
	.footer .center .sitemap > li p{ line-height:15px; font-size:15px; font-weight:bold; color:#666; letter-spacing:-1px;}
	.footer .center .sitemap > li ul{ margin:20px 0 0 0;}
	.footer .center .sitemap > li ul li{ overflow:hidden;}
	.footer .center .sitemap > li ul li a{ line-height:20px; font-size:13px; color:#888;}
	.footer .center .sitemap > li ul li a:hover{ color:#333; text-decoration:underline !important;}
	
	
	
	
.sub_guide{ overflow:hidden; position:relative; height:250px; background:#333; text-align:center;}
	.sub_guide ul{ display:inline-block; position:relative; z-index:10; margin:140px 0 0 0;}
	.sub_guide ul li{ float:left; margin:0 5px;}
	.sub_guide ul li a{ width:130px; height:40px; border-radius:3px; background:#FFF; line-height:38px; font-size:15px; font-weight:600; color:#666;}
	.sub_guide ul li.wide a{ width:230px}
	.sub_guide ul li a:hover{ background:#f0f0f0; text-decoration:underline !important; color:#000;}
	.sub_guide ul li.on a{ background:#6ba7ea; color:#FFF;}
	.sub_guide img{ display:block; position:absolute; top:0; left:0; width:100%; opacity:0.8;}
	
	
	
	
.guide{ position:fixed; z-index:900; top:80px; right:0; left:0; height:59px; border-bottom:1px solid #CCC; background:#f5f5f5; text-align:center;}
	.guide .center{ display:inline-block; height:60px;}
	.guide .center > a{ float:left;}
	.guide .center > ul{ float:left;}
	.guide .center > ul > li{ float:left; border-right:1px solid #DDD;}
	.guide .center > ul > li.on{ background:none;}
	
	.sub_guide_select{ margin:0 20px 0 0 !important; background:none !important;}
	.sub_guide_select .dk_toggle{ padding:0 30px 0 40px; width:auto !important; height:60px; border:none !important; background:url(/images/contents/guide_icon.png) center right no-repeat; line-height:58px; font-size:15px; font-weight:normal; color:#666; letter-spacing:-0.5px;}
	.sub_guide_select .dk_toggle:after{ display:none;}
	.sub_guide_select.dk_open .dk_toggle{ background:url(/images/contents/guide_icon_on.png) center right no-repeat; color:#086bc2 !important;}
	.sub_guide_select .dk_options{ right:-21px; left:-1px; margin:0; width:auto;}
	.sub_guide_select .dk_options .dk_options_inner{ border-color:#243242;}
	.sub_guide_select .dk_options .dk_options_inner a{ text-align:center; font-size:13px; font-weight:normal; color:#666;}
	.sub_guide_select .dk_options .dk_options_inner .dk_option_current a{ background:#243242;}
	
	.sub_guide_select_on{ margin:0 20px 0 0 !important; background:none !important;}
	.sub_guide_select_on .dk_toggle{ padding:0 30px 0 40px; width:auto !important; height:60px; border:none !important; background:url(/images/contents/guide_icon_on.png) center right no-repeat; line-height:58px; font-size:16px; font-weight:600; color:#6ba7ea; letter-spacing:-0.5px;}
	.sub_guide_select_on .dk_toggle:after{ display:none;}
	.sub_guide_select_on.dk_open .dk_toggle{ background:url(/images/contents/guide_icon_on.png) center right no-repeat; color:#086bc2 !important;}
	.sub_guide_select_on .dk_options{ right:-21px; left:-1px; margin:0; width:auto;}
	.sub_guide_select_on .dk_options .dk_options_inner{ border-color:#6ba7ea;}
	.sub_guide_select_on .dk_options .dk_options_inner a{ text-align:center; font-size:13px; font-weight:normal; color:#666;}
	.sub_guide_select_on .dk_options .dk_options_inner .dk_option_current a{ background:#6ba7ea;}
	
	
	
	
.container{ background:#FFF;}




.sub{ margin:0 auto; padding:70px 15px 120px 15px; width:1170px;}
	
	
	
	
.sub_tit_01{ margin:0 0 30px 0; height:30px; line-height:28px; font-size:30px; font-weight:800; color:#333;}
	.sub_tit_01 img{ display:block; float:left; margin:9px 10px 0 0;}	
	
	
	
	
.products_list{ overflow:hidden; margin:0 -15px;}
	.products_list *{ transition:all .3s;}
	.products_list ul{ overflow:hidden; margin:-30px 0 0 0;}
	.products_list ul li{ float:left; margin:30px 0 0 0; width:400px;}
	.products_list ul li a{ position:relative; margin:0 15px; padding:0 25px;}
	.products_list ul li a .line{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:1px solid #DDD;}
	.products_list ul li a .top{ position:relative; height:250px;}
	.products_list ul li a .top img{ max-width:70%; max-height:70%;}
	.products_list ul li a .bottom{ margin:0 0 0 0; padding:24px 0 35px 0; border-top:1px solid #DDD; text-align:center;}
	.products_list ul li a .bottom .tit{ line-height:20px; font-size:20px; font-weight:600; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.products_list ul li a .bottom .txt{ margin:10px 0 0 0; line-height:20px; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.products_list ul li a:hover .line{ border:5px solid #6ba7ea;}
	.products_list ul li a:hover .top{ transform:scale(1.1);}
	.products_list ul li a:hover .bottom .tit{ color:#6ba7ea;}
	
	
	
.shopping_detail{}
	.shopping_detail > .body{ overflow:hidden; position:relative; padding:30px 0 50px 400px; border-top:2px solid #000;}
	.shopping_detail > .body > .left{ float:left; margin:0 0 0 -400px; width:400px;}
	.shopping_detail > .body > .center{ margin:0 0 0 30px;}
	.shopping_detail > .bottom{ padding:30px 0 60px 0; border-top:2px solid #000; border-bottom:2px solid #000;}
	
	/* 디테일 롤링 이미지:s */
	.shopping_detail_img{ overflow:hidden;}
	.shopping_detail_img .box{ position:relative; border:1px solid #DDD;}
	.shopping_detail_img .box .bx-wrapper{ margin:0;}
	.shopping_detail_img .box .bx-wrapper .bx-viewport{ left:0; margin:0; height:auto; border:0; box-shadow:none;}
	
	.shopping_detail_img_rolling{ overflow:hidden;}
	.shopping_detail_img_rolling li{ overflow:hidden; height:250px;}
	.shopping_detail_img_rolling li img{ display:inline-block; max-width:70%; max-height:70%;}
	.shopping_detail_img_rolling .bx-caption span{}
	
	.shopping_detail_img_page_box{ overflow:hidden; position:relative; margin:20px 0 0 0; height:70px;}
	#shopping_detail_img_page{ overflow:hidden; position:absolute; top:0; left:0; margin:0 0 0 -4px; transition:none;}
	#shopping_detail_img_page a{ position:relative; float:left; margin:0 4px; width:94px; height:70px; background:#f5f5f5;}
	#shopping_detail_img_page a span{ display:block; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:1px solid #DDD;}
	#shopping_detail_img_page a img{ display:inline-block; max-width:70%; max-height:70%; filter:Gray; -webkit-filter:grayscale(100%);}
	#shopping_detail_img_page a.active span{ border:2px solid #6ba7ea;}
	#shopping_detail_img_page a.active img{ filter:none; -webkit-filter:grayscale(0%);}
	
	.shopping_detail_img_btn{ display:none; position:absolute; z-index:50;}
	.shopping_detail_img_btn i{ display:block; height:60px; text-align:center; line-height:60px; font-size:80px; color:#00a5e3;}
	.shopping_detail_img_btn a{ position:absolute; z-index:10; top:0; width:30px; height:60px; background:url(/images/common/bg01.png);}
	.shopping_detail_img_btn:hover i{ color:#e8322f;}
	#shopping_detail_img_btn_L{ left:50px; top:50%; margin:-30px 0 0 0; width:25px; height:50px;}
	#shopping_detail_img_btn_R{ right:50px; top:50%; margin:-30px 0 0 0; width:25px; height:50px;}
	/* 디테일 롤링 이미지:e */
	
	.shopping_detail_line{ margin:25px 0; border-top:1px solid #CCC;}
	.shopping_detail_tit{ line-height:30px; font-size:30px; font-weight:800; color:#333;}
	.shopping_detail_price{}
	.shopping_detail_price ul{}
	.shopping_detail_price ul li{ padding:0 0 0 90px; line-height:30px; font-size:14px;}
	.shopping_detail_price ul li p{ float:left; margin:0 0 0 -90px; width:90px; text-align:center; font-weight:800; color:#333;}
	.shopping_detail_price ul li font{ display:block; color:#666;}
	.shopping_detail_price ul li font.on{ font-weight:800; color:#F00;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.review_list{ overflow:hidden; margin:0 -15px;}
	.review_list *{ transition:all .3s;}
	.review_list ul{ overflow:hidden; margin:-30px 0 0 0;}
	.review_list ul li{ float:left; margin:30px 0 0 0; width:400px;}
	.review_list ul li a{ position:relative; margin:0 15px; padding:0 25px; cursor:pointer;}
	.review_list ul li a .line{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:1px solid #DDD;}
	.review_list ul li a .top{ position:relative; height:250px;}
	.review_list ul li a .top img{ max-width:70%; max-height:70%;}
	.review_list ul li a .bottom{ margin:0 0 0 0; padding:24px 0 35px 0; border-top:1px solid #DDD; text-align:center;}
	.review_list ul li a .bottom .tit{ line-height:20px; font-size:16px; font-weight:600; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.review_list ul li a .bottom .txt{ margin:10px 0 0 0; line-height:20px; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.review_list ul li a:hover .line{ border:5px solid #6ba7ea;}
	.review_list ul li a:hover .top{ transform:scale(1.1);}
	.review_list ul li a:hover .bottom .tit{ color:#6ba7ea;}
	
	
.review_view{ display:none; position:fixed; z-index:10000; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png);}
	.review_view .center{ position:absolute; top:50%; right:50%; margin:-200px -300px 0 0; width:600px; height:400px;}	
	.review_view .center iframe{ display:block; width:600px !important; height:400px !important;}	
	
	
	
	
.patent_list{ overflow:hidden; margin:0 -15px;}
	.patent_list *{ transition:all .3s;}
	.patent_list ul{ overflow:hidden; margin:-30px 0 0 0;}
	.patent_list ul li{ float:left; margin:30px 0 0 0; width:300px;}
	.patent_list ul li a{ position:relative; margin:0 15px; padding:0 25px;}
	.patent_list ul li a .line{ position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; border:1px solid #DDD;}
	.patent_list ul li a .top{ position:relative; height:300px;}
	.patent_list ul li a .top img{ max-width:70%; max-height:70%;}
	.patent_list ul li a .top img{ max-width:154px; max-height:231px;}
	.patent_list ul li a .bottom{ margin:0 0 0 0; padding:24px 0 35px 0; border-top:1px solid #DDD; text-align:center;}
	.patent_list ul li a .bottom .tit{ line-height:20px; font-size:16px; font-weight:600; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.patent_list ul li a .bottom .txt{ margin:10px 0 0 0; line-height:20px; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.patent_list ul li a:hover .line{ border:5px solid #6ba7ea;}
	.patent_list ul li a:hover .top{ transform:scale(1.1);}
	.patent_list ul li a:hover .bottom .tit{ color:#6ba7ea;}
	
	
.patent_view{ display:none; position:fixed; z-index:10000; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png);}
	.patent_view .center{  position:fixed; top:20px; right:0; bottom:20px; left:0;}	
	.patent_view .center img{ display:block; margin:0 auto; height:100%;}
	
	
	
	
.intro_01{ border-top:2px solid #6ba7ea;}
	.intro_01 ul{}
	.intro_01 ul li{ overflow:hidden; padding:15px 0; border:1px solid #DDD; border-top:0;}
	.intro_01 ul li.bg{ background:#f5f5f5;}
	.intro_01 ul li span{ float:left; margin:0 40px; width:80px; height:30px; border-radius:15px; background:#6ba7ea; text-align:center; line-height:30px; font-size:14px; color:#FFF; text-transform:uppercase;}
	.intro_01 ul li p{ float:left; height:30px; line-height:28px; font-size:16px; color:#555;}
	
	
.intro_02{ border-top:2px solid #6ba7ea;}
	.intro_02 ul{}
	.intro_02 ul li{ padding:14px 0 14px 100px; border-bottom:1px solid #DDD;}
	.intro_02 ul li span{ display:block; float:left; margin:0 0 0 -100px; width:99px; height:30px; border-right:1px solid #DDD; text-align:center; line-height:30px; font-size:20px; font-weight:800; color:#6ba7ea;}
	.intro_02 ul li p{ margin:0 0 0 80px; line-height:30px; font-size:16px; color:#777;}
	.intro_02 ul li p font{ display:block; float:left; width:100px; font-weight:800; color:#333;}
	
	
	
	
	
	
	
	
	
	
	
	
.board_faq{ border-top:2px solid #6ba7ea;}
	.board_faq *{ transition:none !important;}
	.board_faq ul{ overflow:hidden; border:1px solid #DDD; border-top:0;}
	.board_faq ul li{ border-top:1px solid #DDD; cursor:pointer;}
	.board_faq ul li:first-child{ border:0;}
	.board_faq ul li .head{ overflow:hidden; position:relative; padding:20px 0; background:#FFF; transition:background .5s !important;}
	.board_faq ul li .head .number{ position:absolute; top:50%; left:0; margin:-15px 0 0 0; width:80px; text-align:center; line-height:30px; font-size:30px; font-weight:800; color:#999; transition:color .5s;}
	.board_faq ul li .head .tit{ padding:0 80px 0 80px; line-height:20px; font-size:15px; color:#333; transition:color .5s;}
	.board_faq ul li .head .date{ padding:0 80px 0 81px; line-height:20px; font-size:14px; color:#999;}
	.board_faq ul li .head span{ display:block; position:absolute; top:50%; right:30px; margin:-10px 0 0 0; width:20px; height:20px; text-align:center; font-size:20px; color:#999; transition:color .5s, transform 0.5s !important;}
	.board_faq ul li .body{ display:none; position:relative; z-index:100; margin:0 0 -1px 0; padding:30px 80px; background:#656a77;}	
	.board_faq ul li .body p{ line-height:22px; font-size:14px; color:#FFF;}
	.board_faq ul li:hover .head{ background:#f5f5f5;}
	.board_faq ul li.on .head .number{ color:#6ba7ea;}
	.board_faq ul li.on .head .tit{ color:#6ba7ea;}
	.board_faq ul li.on .head span{ color:#6ba7ea; transform:rotate(180deg);}
	.board_faq ul li.on .body{}
	
	
	
	
.board_01{}
	.board_01 table{}
	.board_01 table thead{}
	.board_01 table thead tr{ text-align:center; vertical-align:middle;}
	.board_01 table thead tr td{ height:53px; border-top:2px solid #6ba7ea; border-bottom:1px solid #DDD; background:#f9f9f9; font-size:15px; font-weight:600; color:#000;}
	.board_01 table thead tr td input{ width:14px; height:14px;}
	.board_01 table tbody{}
	.board_01 table tbody tr{}
	.board_01 table tbody tr td{ text-align:center; vertical-align:middle; position:relative; padding:15px 10px; border-bottom:1px solid #DDD; line-height:25px; font-size:14px; color:#666;}
	.board_01 table tbody tr td .tit{ position:absolute; top:15px; right:10px; bottom:15px; left:10px;}
	.board_01 table tbody tr td .tit a{ float:left; max-width:90%; text-align:left; line-height:25px; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.board_01 table tbody tr td .tit i{ display:block; float:left; margin:0 0 0 5px; line-height:25px; font-size:16px; color:#999;}
	.board_01 table tbody tr td .tit:hover a{ text-decoration:underline !important; color:#6ba7ea;}
	.board_01 table tbody tr td .tit:hover i{ color:#6ba7ea;}
	.board_01 table tbody tr td .answer{ display:inline-block; width:80px; border-radius:2px; background:#666; line-height:25px; font-size:14px; color:#FFF;}
	.board_01 table tbody tr td .answer.on{ background:#6ba7ea;}
	.board_01 table tbody tr td .address{ text-align:left; line-height:18px; font-size:14px; color:#F00;}
	.board_01 table tbody tr td .address a{ display:inline; color:#666; cursor:pointer;}
	.board_01 table tbody tr td .address a:hover{ text-decoration:underline !important;}
	.board_01 table tbody tr td .button{}
	.board_01 table tbody tr td .button li{ margin:5px 0;}
	.board_01 table tbody tr td .button li p{ margin:0 auto; width:58px; height:23px; border:1px solid #CCC; text-align:center; line-height:23px; font-size:13px; font-weight:700; color:#333; cursor:pointer;}
	.board_01 table tbody tr td .button li p.edit{}
	.board_01 table tbody tr td .button li p.edit:hover{ background:#DDD;}
	.board_01 table tbody tr td .button li p.delete{ border-color:#999; background:#999; color:#FFF;}
	.board_01 table tbody tr td .button li p.delete:hover{ border-color:#666; background:#666;}
	.board_01 table tbody tr td .no_date{ line-height:42px; font-size:14px; color:#666;}
	
	
	
		
.board_view{ border-top:2px solid #6ba7ea; border-bottom:1px solid #CCC;}
	.board_view .box{ overflow:hidden;}	
	.board_view .box .top{ padding:15px 30px 0 30px; background:#fafafa;}
	.board_view .box .top p{ line-height:20px; font-size:16px; font-weight:600; color:#333;}
	.board_view .box .info{ overflow:hidden; padding:5px 30px 15px 30px; border-bottom:1px solid #CCC; background:#fafafa;}
	.board_view .box .info ul{ float:left;}
	.board_view .box .info ul li{ float:left; margin:0 20px 0 0; line-height:20px; font-size:14px; color:#666;}
	.board_view .box .info ul li p{ float:left; color:#333;}
	.board_view .box .info ul li span{ display:block; padding:0 20px; height:40px; border-radius:2px; background:#666; line-height:38px; font-size:15px; color:#FFF;}
	.board_view .box .info ul li span.on{ background:#ff6fe3;}
	
	.board_view .box .data{ overflow:hidden; border-bottom:1px dotted #999; padding:15px 30px;}
	.board_view .box .data p{ float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #CCC; line-height:20px; font-size:14px; color:#666;}
	.board_view .box .data a{ float:left; line-height:20px; font-size:14px; color:#06F;}
	.board_view .box .data a:hover{ color:#F00; text-decoration:underline !important;}
	
	.board_view .box .bottom{ padding:30px; 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:20px 0; max-width:100% !important; height:auto !important;}
	
	.board_view .box .bottom .q_tit{ height:50px; border:1px solid #DDD; border-bottom:0; background:#f0f0f0; text-align:center; line-height:48px; font-size:16px; color:#666;}
	.board_view .box .bottom .q{ padding:29px; border:1px solid #DDD;}
	.board_view .box .bottom .a_tit{ margin:50px 0 0 0; height:50px; background:#6ba7ea; text-align:center; line-height:48px; font-size:16px; color:#FFF;}
	.board_view .box .bottom .a{ padding:29px; border:1px solid #6ba7ea;}
	
	
	
	
.board_write{ overflow:hidden;}
	.board_write .head{ border-top:1px solid #CCC;}
	.board_write .head .tit{ border-right:1px solid #DDD; border-left:1px solid #DDD; padding:0 30px; line-height:60px; font-size:18px; font-weight:800; color:#333;}	
	.board_write > ul{ border-top:2px solid #6ba7ea;}
	.board_write > ul > li{ position:relative; float:left; padding:15px 20px 15px 150px; width:1000px; border-bottom:1px dotted #CCC;}
	.board_write > ul > li > p{ position:absolute; top:0; bottom:0; left:0; padding:0 0 0 30px; width:100px; background:#f5f5f5; line-height:65px; font-size:14px; font-weight:600; color:#333;}
	.board_write > ul > li label{ display:block; float:left; margin:0 20px 0 0; height:35px; line-height:35px; font-size:14px; color:#666; font-weight:normal; cursor:pointer;}
	.board_write > ul > li label input{ display:block; float:left; margin:10.5px 5px 0 0; width:14px; height:14px;}
	.board_write > ul > li .input{ display:block; padding:0 9px; width:280px; height:33px; border:1px solid #CCC; border-radius:0; background:#fafafa; line-height:33px; 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:9px; width:865px; max-width:865px; height:120px; max-height:120px; border:1px solid #CCC; border-radius:0; background:#fafafa; 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 .address_btn{ float:left; width:120px; height:35px; background:#656a77; text-align:center; line-height:33px; font-size:14px; color:#FFF; cursor:pointer;}
	.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:35px; 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;}
	.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;}
	.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; height:35px;}
	.board_write > ul > li .code .input{ float:left; width:120px;}
	.board_write > ul > li .code .img{ float:left; margin:0 0 0 -1px; width:99px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:33px; font-size:14px; color:#666;}
	.board_write > ul > li .code .button{ float:left; margin:0 0 0 -1px; width:59px; 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{ display:block; line-height:33px; 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 .policy{ border-top:1px solid #333;}
	.board_write .policy .box{ overflow-y:scroll; padding:50px; height:300px; border:1px solid #DDD; 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:#666;}
	.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 30px; border:1px solid #DDD; border-top:0; background:#fafafa; text-align:center;}
	.board_write .policy .bottom label{ display:inline-block; margin:0 15px; 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:#dd3333; text-decoration:underline !important;}
	
	.board_write_select{ position:relative; float:inherit !important; margin:0!important; height:35px; background:#fafafa !important; transition:none;}
	.board_write_select *{ transition:none;}
	.board_write_select .dk_toggle{ padding:0 9px; height:33px; border:1px solid #CCC; line-height:33px; font-size:14px; font-weight:400; color:#333;}
	.board_write_select .dk_toggle:after{ right:15px; border-top-color:#333;}
	.board_write_select .dk_toggle:hover{ border-color:#DDD; 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 !important;}
	.board_write_select .dk_options .dk_options_inner{ border-color:#333;}
	.board_write_select .dk_options .dk_options_inner a{ padding:10px 15px; line-height:14px; font-size:14px; font-weight:400; color:#666;}
	.board_write_select .dk_options .dk_options_inner .dk_option_current a{ background:#333; color:#FFF !important;}
	
	
	
	
.board_page{ margin:50px 0 0 0; height:40px; text-align:center;}
	.board_page ul{ display:inline-block; height:40px;}
	.board_page ul li{ float:left; margin:0 3px; cursor:pointer;}
	.board_page ul li p{ width:38px; height:38px; border:1px solid #CCC; text-align:center; line-height:38px; font-size:15px; color:#333;}
	.board_page ul li p:hover{ width:34px; height:34px; line-height:34px; border:3px solid #6ba7ea; color:#6ba7ea;}
	.board_page ul li span{ display:block; width:38px; height:38px; border:1px solid #DDD; text-align:center; line-height:38px; font-size:15px; font-weight:400; color:#999;}
	.board_page ul li span:hover{ border:1px solid #6ba7ea; background:#6ba7ea; color:#FFF;}
	.board_page ul li span.on{ z-index:50; border-color:#6ba7ea; background:#6ba7ea; font-weight:800; color:#FFF;}
	
	
	
	
.board_btn{ margin:50px auto 0 auto; text-align:center;}
	.board_btn ul{ display:inline-block;}
	.board_btn ul li{ float:left; margin:0 5px;}
	.board_btn ul li a{ padding:0 25px; height:40px; border-radius:3px; background:#656a77; text-align:center; line-height:38px; font-size:15px; font-weight:800; color:#FFF; transition:all .5s;}
	.board_btn ul li a:hover{ background:#6ba7ea;}
	
	
	
	
.board_search{ margin:50px 0 0 0; padding:15px 0; height:40px; background:#f5f5f5; text-align:center;}
	.board_search .center{ display:inline-block;}
	.board_search input{ display:block; float:left; margin:0 5px; padding:0 9px; width:280px; height:38px; border:1px solid #CCC; background:#FFF; line-height:38px; font-size:14px; color:#333; outline:none; -webkit-appearance:none;}
	.board_search .button{ float:left; width:100px; height:40px; background:#656a77; text-align:center; line-height:40px; font-size:14px; color:#FFF; cursor:pointer;}
	.board_search .button i{ margin:0 0 0 5px;}
	.board_search .button:hover{ background:#6ba7ea; color:#FFF;}
	.board_search .button:hover i{ color:#FFF;}
	
	.board_search_select{ float:left; height:40px; background:#FFF !important; transition:none;}
	.board_search_select *{ transition:none;}
	.board_search_select .dk_toggle{ padding:0 10px; width:120px; !important; height:38px; border:1px solid #CCC; text-align:left; line-height:38px; font-size:14px; font-weight:400; color:#333;}
	.board_search_select .dk_toggle:after{ right:15px; border-top-color:#333;}
	.board_search_select .dk_toggle:hover{ border-color:#6ba7ea; 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:#6ba7ea;}
	.board_search_select .dk_options .dk_options_inner a{ padding:10px 15px; text-align:left; line-height:14px; font-size:14px; font-weight:400; color:#666;}
	.board_search_select .dk_options .dk_options_inner .dk_option_current a{ background:#6ba7ea; color:#FFF !important;}
	
	
	
	
.board_fade{ display:none; position:fixed; z-index:100000; top:0; right:0; bottom:0; left:0; background:url(/images/common/bg70.png); transition:none;}
	.board_fade .box{ overflow:hidden; margin:50px auto; width:500px; border-radius:5px;}
	.board_fade .head{ padding:0 30px; height:50px; background:#656a77;}
	.board_fade .head .tit{ float:left; line-height:50px; font-size:16px; font-weight:600; color:#FFF;}
	.board_fade .head i{ display:block; float:right; margin:10px -20px 0 0; width:30px; height:30px; text-align:center; line-height:30px; font-size:25px; color:#FFF; cursor:pointer;}
	.board_fade .body{ overflow-y:auto; padding:30px 30px 0 30px; height:400px; background:#FFF;}
	.board_fade .body .option{ overflow:hidden; margin:0 auto; width:150px;}
	.board_fade .body .option label{ display:block; float:left; width:50%; line-height:20px; font-size:13px; color:#666;}
	.board_fade .body .option label input{ display:block; float:left; margin:3px 3px 0 0;}
	.board_fade .body .txt{ text-align:center; line-height:30px; font-size:13px; color:#666;}
	.board_fade .body  .search{ overflow:hidden; margin:0 auto; width:220px;}
	.board_fade .body  .search input{ display:block; float:left; padding:0 9px; width:120px; height:23px; border:1px solid #CCC; line-height:23px; font-size:14px; color:#666; outline:none; -webkit-appearance:none;}
	.board_fade .body  .search .btn{ display:block; float:left; margin:0 0 0 -1px; width:79px; height:23px; border:1px solid #CCC; text-align:center; line-height:23px; font-size:14px; color:#666; cursor:pointer;}
	.board_fade .body  .search .btn:hover{ background:#DDD; color:#333;}
	.board_fade .body .board{ margin:20px 0 0 0; border-top:1px solid #CCC; border-right:1px solid #CCC;}
	.board_fade .body .board thead tr td{ background:#f5f5f5;}
	.board_fade .body .board td{ padding:10px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; line-height:15px; font-size:13px; color:#666;}
	.board_fade .body .board td p{ cursor:pointer;}
	.board_fade .body .board td p:hover{ color:#06F;}