@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	word-wrap:break-word;
	height:100%;
	font-family:"Malgun Gothic"
	font-size:12px;
	}

article, aside, hgroup, header, footer, figure, figcaption, nav, section {
display: block;
}

img{
	border:none;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{
	margin:0;
	padding:0;
	list-style-type: none;
	font-family:"Malgun Gothic", "돋움", Dotum ,AppleGothic,sans-serif;
	font-size:13px;
	}

.btn_area03 a{
	text-decoration:none;
	color:#fff;
}

.btn_area03 a:hover, a:active, a:focus{
	text-decoration:none;
	color:#ececec;
}

a{
	text-decoration:none;
	color:#666;
}

.main_board_frame a:hover, a:active, a:focus{
	text-decoration:none;
	color:#494949;
}

.purchase_info{
	float:left;
	width:400px;

}
.purchase_info ul{
	font-size:14px;
	font-weight:bold;
}
.purchase_info li{
	margin-bottom:10px;
}

.purchase_info span{
	color:#8b9fc9;
}

#sub_title{
	font-size:24px;
	font-weight:bold;
	color:#8b9fc9;
	margin-bottom:50px;
}

.sub_item_title{
	font-size:20px;
	font-weight:bold;
	color:#666;
	margin-bottom:20px;
}

#containar{
	width:100%;
	margin:0;
	}
#header{
	width:100%;
	}

.top_header{
	position:relative;
	width:100%;
	background-color:#d8ddea;	
	}
.top_header_snb{
	position:relative;
	margin:0 auto;
	width:980px;
	height:85px;
    right:0;
	}
.top_header_snb ul{
	float:right;
	padding-top:35px;
	}
.top_header_snb li{
    right:0;
	float:left;
	margin-left:30px;
	color:#555555;
	font-size:11px;
	font-weight:bold;
	}
.top_header_snb li a{
    right:0;
	float:left;
	color:#555555;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	}
.gnb{
	margin:0 auto;
	width:980px;
	height:77px;	
	}

.top_logo{
	margin-top:16px;
	z-index:9000;
	position:absolute;
	}


/* common and top level styles */
#nav span {
    display: none;
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#nav {
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
    width: 98%;
}

#nav ul.subs {
	z-index:8000;
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
	left:0;
    padding: 10px 0 10px 0;
    position: absolute;
    width: 69%;
}
#nav > li {
	float:right;
    margin-bottom: -5px;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
	padding:5px 0;
}
#nav > li > a {
	font-weight:bold;
    color: #666;
    display: block;
    font-size: 1em;
    line-height: 49px;
    padding: 15px 40px;
    text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
    color: #3a4b91;
}
#nav li.active > a {
    color: #3a4b91;
}

/* submenu */
#nav li:hover ul.subs {
	margin-left:320px;
    display: block;
	list-style: none outside none;
}
#nav ul.subs > li {
    display: inline-block;
    float: none;
	width:110px;
    padding: 10px 1%;
    vertical-align: top;
	margin-left:3px;
	font-size:13px;
}
#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;
}
#nav ul li a:hover {
    color: #3a4b91;
}
#nav ul.subs > li > a {
    font-size: 1em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#nav ul.subs > li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}

/* responsive rules */
/*
@media all and (max-width : 980px) {
    #nav > li {
        float: none;
        border-bottom: 0;
        margin-bottom: 0;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: block;
        width: auto;
    }
}
*/

.main_banner_wrap{
	width:100%;
	position:relative;
	height:370px;
	padding:0;
	margin:0;
	background-color:#e9e9e9;
	}
.main_banner_frame{
	position:relative;
	width:980px;
	height:370px;
	margin:0 auto;
	overflow:hidden;
	background-color:#333;

	}
.contents{
	padding-bottom:60px;
	position:relative;
	z-index:10;
	margin:0 auto;
	width:980px;
	padding-top:30px;
	overflow:hidden;
}

.main_contents{
	margin:0 auto;
	width:980px;
	height:255px;
}
.main_contents li{
	float:left;
	border-right:1px solid #dfdfdf;
	width:194px;
	height:255px;
}

.main_contents .first{
	float:left;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	width:195px;
	height:255px;
}

.main_contents li img{
	padding:25px;
}

.main_board{
	z-index:0;
	width:100%;
	position:relative;
	border-top:1px solid #d2d2d2;
	height:115px;
	padding:0;
	margin:0;
	background-color:#e8e8e8;
	}
.main_board_frame{
	position:relative;
	width:980px;
	height:115px;
	margin:0 auto;
	overflow:hidden;
	padding-top:30px;
	}

.main_board_frame .board{
	width:570px;
}

.main_board_frame .title{
	float:left;
	width:113px;
	height:100%;
	margin-right:15px;
}

.main_board_frame ul{
	float:left;
	width:440px;
}

.main_board_frame li{
	position:relative;
	color:#575757;
	font-size:12px;
	line-height:20px;
}

.borad span{
	float:right;
}

#footer{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:135px;
	background-color:#262626;
	display:block;
	}
.footer_frame{
	position:relative;
	margin:0 auto;
	width:980px;
	height:135px;
	z-index:9990;
	}

.footer_frame p{
	float:left;
	margin-top:50px;
	font-size:11px;
	color:#7b7b7b;
	line-height:18px;
	}


.sub_top_wrap{
	width:100%;
	height:204px;
	background-color:#e9e9e9;
	background-size:cover;
}

.sub_top_frame {
	position:relative;
	margin:0 auto;
	width:980px;
	height:204px;
	z-index:8990;
}



.wrap_board_view{
	width:100%;
	margin-top:30px;
	text-align:left;
}
.wrap_board_view .list{ 
	width:100%;; 
	border-top:2px solid #8b9fc9; 
	text-align:left;
}
.wrap_board_view thead .title{ 
	background-color:#f9f9f9;
	padding:17px 0 16px 10px;
	font-size:14px;
	font-family:"Malgun Gothic", "dotum", "gulim", "verdana", sans-serif;
	color:#000; 
	border-bottom:1px solid #e6e6e6;
	text-align:left;
	font-weight:bold;
}
.wrap_board_view thead .date{
	background-color:#f9f9f9;
	padding:17px 10px 16px 0;
	font-size:12px;
	font-family:"Malgun Gothic", "dotum", "gulim", "verdana", sans-serif;
	color:#4c4948; 
	border-bottom:1px solid #e6e6e6;
	text-align:right;
}

.wrap_board_view .contents{ 
	padding:14px 14px;  
	color:#858585; 
	text-align:left;
	font-family:"Malgun Gothic", "dotum", "gulim", "verdana", sans-serif
}
.wrap_board_view tbody td a{ 
	color:#858585;
}
.wrap_board_view tbody td{ 

}

.pn_list{
	margin-top:30px; 
	width:100%;
	border-bottom:1px solid #e6e6e6; ;
}

.pn_list div{ 
	height:18px; 
	border-top:1px solid #e6e6e6; 
	padding:13px 20px;
}

.pn_list div p{ 
	float:left
}

.pn_list div p.list_n{ 
	width:54px; 
	margin-right:20px; 
	background: url(/images/bu_bar_notice.gif) no-repeat right center;
}

.paging{
	clear:both;
	text-align:center;
	margin-top:20px;
}
.paging a{
	font-size:12px;
	display:inline-block;
	position:relative;
	margin-left:-1px;
	width:33px;
	height:33px;
	color:#666;
	line-height:30px;
	text-align:center;
	vertical-align:top;
	z-index:5;
}
.paging .select{
	font-size:13px;
	display:inline-block;
	position:relative;
	margin-left:-1px;
	width:33px;
	height:28px;
	border:1px solid #8b9fc9;
	background:#f9faff;
	text-align:center;
	vertical-align:top;
	z-index:10;
	font-weight:normal;
	font-style:none;
	padding-top:5px;
}
.paging a.bg{
	font-size:12px;
	display:inline-block;
	padding-top:33px;
	width:33px;
	height:0px;
	color:#666;
	line-height:0;
	font-size:0px;
	border:1px solid #cfcfcf;
}
.paging .next{
	background:url('/images/pg_arrow_next.png') no-repeat center 11px;
}

.paging .pre{
	margin-right:10px;
	background:url('/images/pg_arrow_pre.png') no-repeat center 11px;
}

.paging .first{
	background:url('/images/pg_arrow_first.png') no-repeat center 11px;
}

.paging .last{
	background:url('/images/pg_arrow_last.png') no-repeat center 11px;
}


.board_list {font-size:14px; font-weight:bold; border-top:2px solid #1d4573; text-align:center;}
.board_list tbody td{ padding:12px 5px ;  color:#858585; border-bottom:1px solid #ccc; text-align:center; font-weight:normal; line-height:18px; font-size:12px;}
.board_list tbody th{ border-bottom:1px solid #ccc; line-height:20px; text-align:center; color:#858585; padding:12px 5px; font-weight:normal; font-size:12px;}
.board_list thead th{ padding:13px 0 12px; font-size:13px; color:#4c4948; border-bottom:1px solid #707580; text-align:center; background-color:#f9f9f9;}
.board_list .txt_bold {font-weight:bold;}
.board_list .txt_left {text-align:left;}


.btn_area{
	position:relative;
	width:auto;
	text-align:center;
	font-weight:bold;
}

.btn_area > *{
	display:inline-block;
}

.btn_cancel span{
	display:block;
}
.btn_cancel{
	font-family:"NGBold"
	font-weight:bold;
	padding:0 58px;
	height:33px;
	color:#fff;
	line-height:33px;
	font-size:16px;
	border:1px solid #e5e5e5;
	background:#3f4f9d;
	text-decoration:none;
	text-shadow:1px 1px #313f77;
}


.btn_area02{
	position:relative;
	width:auto;
	margin-top:20px;
	margin-bottom:15px;
	text-align:right;
}

.btn_area02 > *{
	display:inline-block;
}

.btn_area03{
	position:relative;
	width:auto;
	margin-top:20px;
	margin-bottom:15px;
	text-align:center;
}

.btn_area03 > *{
	display:inline-block;
}

.btn_area04{
	position:relative;
	width:auto;
	margin-top:20px;
	margin-bottom:15px;
	text-align:left;
}

.btn_area04 > *{
	display:inline-block;
}

.btn_area05{
	position:relative;
	width:auto;
	text-align:center;
}

.btn_area05 > *{
	display:inline-block;
}



.btn_write span{
	display:block;
}
.btn_write{
	font-weight:bold;
	padding:0 30px;
	height:33px;
	color:#fff;
	line-height:33px;
	font-size:13px;
	border:1px solid #e5e5e5;
	background:#3f4f9d;
	text-decoration:none;
	text-shadow:1px 1px #313f77;
}

.btn_area05 a:hover, a:active, a:focus{
	text-decoration:none;
	color:#e7e7e7;	
}

.btn_list{
	font-weight:bold;
	padding:0 30px;
	height:33px;
	color:#fff;
	line-height:33px;
	font-size:13px;
	border:1px solid #e5e5e5;
	background:#939393;
	text-decoration:none;
	text-shadow:1px 1px #666;
}

.btn_purchase{
	font-weight:bold;
	padding:0 30px;
	height:33px;
	color:#fff;
	line-height:33px;
	font-size:13px;
	border:1px solid #e5e5e5;
	background:#a5b0ee;
	text-decoration:none;
	text-shadow:1px 1px #666;
}


.btn_search{
	margin-left:10px;
	font-weight:bold;
	padding:0 30px;
	height:30px;
	color:#fff;
	line-height:30px;
	font-size:13px;
	border:1px solid #e5e5e5;
	background:#8b9fc9;
	text-decoration:none;
	text-shadow:1px 1px #666;
	float:left;
}

.mr10{
	margin-right:10px;
}






@font-face {
	font-family: 'bpmenu';
	src:url('../fonts/bpmenu/bpmenu.eot');
	src:url('../fonts/bpmenu/bpmenu.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bpmenu/bpmenu.woff') format('woff'),
		url('../fonts/bpmenu/bpmenu.ttf') format('truetype'),
		url('../fonts/bpmenu/bpmenu.svg#bpmenu') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Main menu wrapper */
.cbp-hsmenu-wrapper {
	position: relative;
}

/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

/* 100% width bar for menu */
.cbp-hsinner {
	background:#d8ddea;
	position: relative;
	z-index: 100;
}

/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
	width: 100%;
	margin: 0 auto;
}

.cbp-hsmenu > li {
	display: inline-block;
}

.cbp-hsmenu > li:first-child {

}

/* Main menu link style */
.cbp-hsmenu > li > a {
	color: #fff;
	font-size: 14px;
	line-height: 3em;
	display: inline-block;
	position: relative;
	z-index: 10000;
	outline: none;
	padding:0 60px;
}

.no-touch .cbp-hsmenu > li > a:hover,
.no-touch .cbp-hsmenu > li > a:focus,
.cbp-hsmenu > li.cbp-hsitem-open > a {
	background-color:#616f9e;
	color: #fff;
	padding:0 60px;
}

/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):before {
	display: inline-block;
	font-family: 'bpmenu';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: "\f107";
	font-size: 80%;
	margin-right: 0.3em;
	opacity: 0.4;
	vertical-align: middle;
}

.cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):before {
	content: "\f106";
}

/* Add a triangle to currently open menu item link */
.cbp-hsmenu > li.cbp-hsitem-open > a:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #616f9e;
	border-width: 10px;
	left: 50%;
	margin-left: -10px;
}


/* Submenu style */
.cbp-hssubmenu {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 9999;
	text-align: center; /* for aligning the sub items */
	visibility: hidden;
}

.cbp-hssubmenu:before, 
.cbp-hssubmenu:after { 
	content: " "; 
	display: table; 
}
.cbp-hssubmenu:after { 
	clear: both; 
}

/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
	z-index: 9999;
	float:left;
	width: 25%;
	vertical-align: top;
	box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
	opacity: 1;
	-webkit-transition: opacity 0.1s 0s;
	-moz-transition: opacity 0.1s 0s;
	transition: opacity 0.1s 0s;
}





/* First 6 items don't have upper box shadow */
.cbp-hssubmenu > li:nth-child(-n+6) {
	box-shadow: -28px 0 0 -27px #ddd;
} 

/* Every 7th item does not have a left box shadow */
.cbp-hssubmenu > li:nth-child(6n+1) { 
	box-shadow:  0 -28px 0 -27px #ddd;
}

/* The first one does not have any box shadow */
.cbp-hssubmenu > li:first-child {
	box-shadow: none;
}

.cbp-hssubmenu > li a {
	z-index: 9999;
	display: block;
	color: #a2a2a2;
	outline: none;
	padding: 5px 20px;
}

.no-touch .cbp-hssubmenu > li a:hover,
.no-touch .cbp-hssubmenu > li a:focus {
	color: #888;
}

.cbp-hssubmenu > li a img {
	border: none;
	outline: none;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.no-touch .cbp-hssubmenu > li a:hover img {
	opacity: 0.5;
}

.cbp-hssubmenu > li a span {
	text-align:left;
	display: block;
	min-height: 10px;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
	z-index: 9999;
	visibility: visible;
	padding-bottom:20px;
	padding-top:20px;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.1s;
	-moz-transition: opacity 0.5s 0.1s;
	transition: opacity 0.5s 0.1s;
}

/* Helper div for animating the background */
.cbp-hsmenubg {
	background: #f7f7f7;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 1;
	height: 0px;
}

.no-touch .cbp-hsmenubg {
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	z-index: 2;
}

@media screen and (max-width: 65em){
	.cbp-hsmenu-wrapper {
		font-size: 80%;
	}
}

@media screen and (max-width: 51.4375em){
	.cbp-hsmenu-wrapper {
		font-size: 100%;
	}

	.cbp-hsmenu-wrapper .cbp-hsmenu {
		padding: 0;
		max-width: none;
		width: 100%;
	}

	.cbp-hsmenu > li {
		border-top: 1px solid rgba(255,255,255,0.5);
		text-align: center;
		margin: 0 auto;
		display: block;
	}

	.cbp-hsmenu > li:first-child {
		border-top: none;
	}

	.cbp-hsmenu > li > a {
		display: block;
	}

	.cbp-hsmenu > li > a:not(:only-child):before {
		line-height: 1.8;
		right: 0;
		position: absolute;
		font-size: 200%;
	}

	.cbp-hsmenubg {
		display: none;
	}

	.cbp-hssubmenu {
		background: #f7f7f7;
		position: relative;
		overflow: hidden;
		height: 1000px;
	}

	.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
		height: auto;
	}

	/* Let's only allow 3 item in a row now */
	.cbp-hssubmenu > li {
		width: 30%;
	}

	/* Reset box shadows for the 6 items in row case */
	.cbp-hssubmenu > li:nth-child(-n+6),
	.cbp-hssubmenu > li:nth-child(6n+1) {
		box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
	}

	/* First 4 items don't have upper box shadow */
	.cbp-hssubmenu > li:nth-child(-n+3) {
		box-shadow: -28px 0 0 -27px #ddd;
	} 

	/* Every 5th item does not have a left box shadow */
	.cbp-hssubmenu > li:nth-child(3n+1) {
		box-shadow:  0 -28px 0 -27px #ddd;
	}

}

@media screen and (max-width: 25em){
	/* Let's only allow 1 item in a row now */
	.cbp-hssubmenu > li {
		width: 100%;
		display: block;
	}

	.cbp-hsmenu-wrapper .cbp-hssubmenu > li {
		box-shadow: 0 1px #cecece;
		text-align: left;
	}

	.cbp-hssubmenu > li a {
		text-align: left;
		line-height: 50px;
		padding: 0.4em 1em;
	}

	.cbp-hssubmenu > li a img {
		float: left;
		max-height: 50px;
	}

	.cbp-hssubmenu > li a span {
		min-height: 0;
		margin: 0;
	}
}


.wrap_sample{
	padding-bottom:40px;
}

.wrap_library_item{
	position:relative;
	border-top:1px solid #c3c3c3;
	background-color:#f2f2f2;
}

.wrap_library_item ul{
	padding-bottom:30px;
	display: inline-block;
	background-color:#f2f2f2;
}

.wrap_library_item li{
	position:relative;
	float:left;
	width:138px;
	height:158px;
	margin-left:22px;
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
}

.wrap_library_item img{
	width:138px;
	height:138px;
	border:1px solid #b6b6b6;
	background-color:#fff;
	margin-bottom:10px;
}

.wrap_library_item span{
	overflow:hidden;
	bottom:0;
	color:#484848;
	font-size:14px;
	line-height:20px;
}

.news_con{
	width:980px;
	border-top:2px solid #8b9fc9;
	color:#666;
}



.news_span{
	display:inline-block;
	width:100px;
	height:45px;
	line-height:45px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin-right:20px;
	background:#f5f5f5 url(../images/check_icon.png) 18px 19px no-repeat;
	padding-left:10px;
}

.news_span2{
	display:inline-block;
	width:100px;
	height:45px;
	line-height:45px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin-right:20px;
	background:#f5f5f5;
	padding-left:10px;
}


.news_p01{
	height:45px;
	border-bottom:1px solid #ddd;
}

input.qna_in01{
	height:29px;
	border:1px solid #ddd;
	width:840px;
}

.news_p01 input{
	margin-bottom:4px;
}

input{
	padding:3px;
}

input.qna_in03{
	width:350px;
	height:29px;
	border:1px solid #ddd;
}

.news_span01{
	display:inline-block;
	width:350px;
	color:#555;
}

.news_span03{
	margin-left:25px;
	margin-right:15px;
	background:#f5f5f5 url(../images/check_icon.png) 18px 19px no-repeat;
}

.news_span04{
	margin-left:25px;
	margin-right:15px;
	background:#f5f5f5;
}


input.qna_in04{
	width:340px;
	border:1px solid #ddd;
	height:29px;
}

.news_con01{
	line-height:20px;
}

textarea{
	padding:3px;
	border:1px solid #ddd;
	background:#fff;
	color:#666;
	vertical-align:middle;
}

.qna_check{
	text-align:right;
	margin-bottom:15px;
}

.qna_check span{
	background:url(/images/check_icon.png) 0 4px no-repeat;
	padding-left:17px;
	letter-spacing:-0.4px;
}

.sub_txt{
	margin-top:-25px;
	margin-bottom:30px;
	color:#666;
	font-size:14px;
}

select{
	height:28px;
	padding:2px;
}

input{
	height:30px;
	padding:2px;
}


.input_btn{
	height:18px;
}


input, select{
	border:1px solid #dfdfdf;
	background:#fff;
	color:#666;
	vertical-align:middle;
}

.board_search{
	overflow:hidden;
	display:block;
	text-align:right;
	margin-top:20px;
}

.board_search input{
	float:left;
}

.board_search select{
	float:left;
}

.purchase_layer{
	width:400px;
	border:1px solid #c3c3c3;
	background-color:#f2f2f2;
	height:270px;
	padding:30px;
}

.purchase_layer img{
	float:left;
	width:138px;
	height:138px;
	border:1px solid #b6b6b6;
	background-color:#fff;
}


.purchase_layer ul{
	width:240px;
	float:left;
	margin-left:20px;
}

.purchase_layer li{
	margin-bottom:12px;
	color:#858585;
}

.purchase_title{
	font-size:18px;
	font-weight:bold;
	color:#3f4f9d;
	margin-bottom:30px;
}
.purchase_layer li span{
	color:#3f4f9d;
	font-weight:bold;
	margin-right:10px;
}	


.purchase_deposit{
	width:980px;
	border-top:2px solid #8b9fc9;
	color:#666;
}

.purchase_deposit_span{
	display:inline-block;
	width:200px;
	height:45px;
	line-height:45px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin-right:30px;
	background:#f5f5f5;
}


.deposit_p1{
	height:45px;
	border-bottom:1px solid #ddd;
}



.select {
  font-size: 12px;
  position: relative;
  display: inline-block;
}

.select select {
	width:150px;
  outline: none;
  -webkit-appearance: none;
  display: block;
  margin: 0;
padding-right:10px;

  transition: border-color 0.2s;
  border: 3px solid #616f9e;
  border-radius: 3px;

  background: #fff;
  color: #555;
}

.select .arr {
  background: #fff;
  bottom: 5px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 26px;
  pointer-events: none;
}
.select .arr:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -5px;
  pointer-events: none;
  border-top: 10px solid #616f9e;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.select .arr:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -5px;
  pointer-events: none;
  border-top: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.subTitle {                      /**/
	float:center;
	width:100%;
	padding-top:10px;
	margin-bottom:30px;
	text-align:left;
	font-size:36px;
}