@charset "euc-kr";

/*--- common ---*/ 
html>/**/body{
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, p, button {
	margin: 0;
	padding: 0;
	list-style: none;
	border-spacing: 0;
}
body, input, select, textarea {
	color: #555;
	font-family: 'NanumGothicWeb', '³ª´®°íµñ', 'Malgun Gothic', '¸¼Àº°íµñ', dotum, 'µ¸¿ò', sans-serif;
	font-size: 75%;
	font-weight: normal;
}
body {overflow-x:hidden;}
/* 80% == 12px */
body {background-color:#fff;-webkit-text-size-adjust:none;}
hr {display:none;}
img,fieldset {
	border: 0;
	text-align: center;
}
input,select,textarea {
	vertical-align: middle;
}
select {disabled:disabled;}
input[type="text"],input[type="number"],input[type="tel"],input[type="password"],input[type="email"],input[type="search"],textarea{
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	color: #666666;
	background-color: #f9f9f9;
	border:1px solid #D4D4D4;
}
input:checked[type="checkbox"]{
	-webkit-appearance: checkbox;
}
dl,ul,ol,li {
	list-style-type: none;


}
a{text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link, a:hover, a:active {text-decoration:none; color:#000000;}
strong {
	font-weight: bold;
	padding: 5px;
}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}

.cb{clear:both;}

/*--layout--*/
#wrap {
	width: 100%;
	height: auto;
	/*overflow-x: hidden;*/
}


/*--header--*/
#header {
	position:relative;
	height: 70px;
	background-image: url(../image/greatwhite.png);
	font-size: 100%;
}
#header .logo {
	float: left;
	padding: 7px 0 0 8px;
	width: 120px;
	height: 30px;
}
#header .topmenu {
	position:absolute;
	top:0;
	right:0;
	margin: 7px 5px 0 0;
}
#header .topmenu ul {
	padding: 0;
	margin: 0;
}
#header .topmenu ul li {
	margin:0;
	padding-right:0px;
	width:46x;
	font-weight:bold;
	color:#777;
	font-size:11px;
	display: inline-block;
}
#header .topmenu ul li a{display:inline-block;height:40px;padding-top:0px;color:#777;}
#header .gap{color:#e4e4e4 !important;font-weight:none !important;}

/*--*/
#memInfo {

	width: 100%;
	overflow:hidden;
	background-color: #ececec;
	list-style: none;
} 
#memInfo .shadow {
	width: 100%;
	height: 3px;
	background-color: #ececec;
	list-style: none;
	background-image: url(../image/shadow.png);
}
#memInfo .loginfo {
	float: left;
	margin: 8px 0 0 11px;
	font-weight: bold;
	color: #555;
	font-size: 95%;
}
#memInfo .loginfo .membt_dot {vertical-align:middle;}
#memInfo .logmenu {float:right; margin:5px 7px 0 0;}
#memInfo .logmenu ul li{
	float: left;
	margin-left: 5px;
	margin-bottom:5px;
}

#memInfo .logmember {
	float: left;
	margin: 8px 7px 0 4px;
	color: #555;
	font-size: 95%;
}
#memInfo .logmember ul li{float:left; margin-left:5px; margin-bottom:10px;}
#memInfo .logmember .logImg{vertical-align:middle; margin-top:-2px;}
#memInfo .logmember span {font-size:10px; vertical-align:middle;  margin-top:-2px; font-weight:bold;color:#e6e6e6;}
#memInfo .logmember .fixdate {color:#e6e6e6;}


/*--top_nav--*/
#top_nav {width:100%; clear:both; line-height:18px;}
#top_nav p {
	margin-left: 9px;
	padding: 7px 0;
	font-size: 120%;
	color: #555;
	font-weight: bold;
}

#top_nav2 {
	width: 100%;
	clear: both;
	background-color: #fff;
	font-weight: bold;
	font-size: 120%;
	color: #3d61aa;
}
#top_nav2 img{
	margin:14px 4px 0 0;
}
.cs_view {
	margin:10px 10px 0 10px;
	font-weight:bold;
}
.cs_view img {
	vertical-align:middle;
}
.cscenter{
	margin-bottom:6px;
}
.cs1 {
	font-size: 100%;
	color: #777;
}
.cs2 {
	float:right;
	margin:0 26px 6px 0;
	padding:2px 4px 2px 4px;
	background: #597cc0; /* Old browsers */
	background: -moz-linear-gradient(top,  #597cc0 0%, #96b5e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#597cc0), color-stop(100%,#96b5e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #597cc0 0%,#96b5e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #597cc0 0%,#96b5e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #597cc0 0%,#96b5e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #597cc0 0%,#96b5e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597cc0', endColorstr='#96b5e8',GradientType=0 ); /* IE6-9 */
	border:#597CC0 solid 1px;
	border-radius:3px;
	cursor:pointer;
	color:#fff;
	font-size: 80%;
}
.cs3 {
	float:right;
	margin-right:10px;
	margin-top:10px;
	padding:2px 4px 2px 4px;
	background: #597cc0; /* Old browsers */
	background: -moz-linear-gradient(top,  #597cc0 0%, #96b5e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#597cc0), color-stop(100%,#96b5e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #597cc0 0%,#96b5e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #597cc0 0%,#96b5e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #597cc0 0%,#96b5e8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #597cc0 0%,#96b5e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597cc0', endColorstr='#96b5e8',GradientType=0 ); /* IE6-9 */
	border:#597CC0 solid 1px;
	border-radius:3px;
	cursor:pointer;
	color:#fff;
	font-size: 90%;
}
.csview {
	margin:20px 20px 40px 20px;
}
.csview img {
	padding:10px 0 0 0;
}
.csview li {
	margin:6px 0 6px 0;
}
/*tabMenu*/
#tabbed_box_1 {width: 100%; padding-bottom:24px; margin-top:10px;}
.tabbed_area {height:24px; margin:0 10px 10px; 10px; }
ul.tabs { background-color:#6780b2; text-align:center;}
ul.tabs li { display:inline; }
ul.tabs li a {padding:2px 10% 2px 10%; color:#fff; font-size: 100%; font-weight:bold; text-decoration: none; line-height:30px;}
ul.tabs li a.active {color:#6780b2; background-color:#fff;}
.content {padding:10px 10px 10px 10px;}
#content_2 {display: none;}
#content_3 {display: none;}
.content ul {text-align:center;}
.content ul li {list-style: none;display: inline;}
.content ul li a {color: #666; text-decoration: none; padding:0 10px 0 10px;}
.content ul li a.active {color:#666; font-weight:bold;}
/*
#substance_1 {display:none;}
#substance_2 {display:none;}
#substance_3 {display:none;}
#substance_4 {display:none;}
*/

#substance_1, #substance_2, #substance_3, #substance_4 { margin:10px 10px 10px 10px ;background-color:#f6f6f6; padding:10px 10px 10px 10px; }


#substance_1 ul { text-align:center; }
#substance_1 p { text-align:center; }

#substance_1 ul li, substance_2 ul li, #substance_3 ul li {display:inline;}
#substance_1 ul li span, #substance_2 ul li span, #substance_3 ul li span, #substance_4 ul li span { float:left; text-align:center; color:#666; font-size:100%; font-weight:bold; background-color:#ececec; height:24px; line-height:24px; }
#substance_2 ul li span { width:18%; }
#substance_3 ul li span { width:26%; }
#substance_4 ul li span { width:26%; }
#substance_1 input { margin-bottom:4px; }
#substance_2 input { float:right; border:#ccc solid 1px; width:80%; height:24px; }
.txtarea { color:#777; width:100%; font-size:100%; margin-top:10px; border:#ccc solid 1px; }
.titleTxt, #substance_4 select  { float:left; border:#ccc solid 1px; height:24px; margin-left:8px; }
.fileBtn{
	text-align:center;
	float:right;
	width:24%;
	font-size:95%;
	font-weight:bold;
	border-radius:3px;
	border:#dfdfdf solid 1px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #dfdfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f3f3 0%,#dfdfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f3f3 0%,#dfdfdf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#dfdfdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
	height:22px;
	cursor:pointer;
}
.fileBtn img { margin-top:5px;}


/*Àç»ý¸ñ·Ï*/

#content_list_box{
	width:96%;
	position:relative;
	height:48px;
	margin-left:2%;
	margin-top:6px;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.2);
	
	}
.content_list_btn{
	width:75%;
	position:absolute;
	right:0;
	background-color:#fff;
	height:48px;

	
	
	}
	
.content_list_btn li{
	padding-left:3%;
	width:97%;
	height:48px;
	line-height:48px;
	float:left;
	font-size:100%;
	font-weight:bold;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;

	
	}	
	
	
.play{
	position:relative;
	width:25%;
	float:left;
	border-right:1px solid #efefef;
	height:48px;
	line-height:48px;
	text-align:center;
	background-color:#fff;
	font-size:100%;
	font-weight:bold;
	color:#5E93FD;
	padding-left:1%;
	background-image:url(../image/play_bg.png);
	
	}	
/*---*/
#coupon50 {
	list-style: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0;
	padding-right: 10px;
}
#coupon50 #coupon50_container {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 6px;
}
#coupon50 #coupon50_container .coupon50_top {
	width: 100%;
	height: 30px;
	border-radius: 10px 10px 0 0;
	list-style: none;
}
#coupon50 table td {font-size:11px; letter-spacing:-1px;}

#coupon50_txt {font-size:11px; padding:20px 10px 10px 10px;}
#coupon50_txt ul li{height:20px;}
.coupon50_01 {background-color:#f2f2f2; text-align:center;}
.coupon50_02 {background-color:#fff; text-align:center;}
.coupon50_03 {color:blue;font-weight:bold;}
	

/*---*/
#pop_cate {
	list-style: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0;
	padding-right: 10px;
}
#pop_cate #cate_container {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 6px;
}
#pop_cate #cate_container .cate_top {
	width: 100%;
	height: 30px;
	border-radius: 10px 10px 0 0;
	list-style: none;
}
#pop_cate #cate_container .cate_top ul {margin:0; padding:0;}
#pop_cate #cate_container .cate_top ul li.cate_title {
	width: 50%;
	font-size: 110%;
	color: #3d61aa;
	font-weight: bold;
	text-align: left;
	margin: 5px 0 0 10px;
	float: left;
}
#pop_cate #cate_container .cate_top ul li.pop_cate_colse {width:50%; width:20px; height:20px; text-align:right; margin:8px 10px 0 0; float:right;}
#pop_cate #cate_container .cate_center {
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.title_font{font-size:110%; font-weight:bold; padding-top:10px; padding-bottom:10px;
            background-color:#F9F9F9;}
.title_font_menu{font-size:110%; font-weight:bold; padding-top:10px; padding-bottom:10px;
           }


#pop_cate #cate_container .cate_center .cate_icon {margin:auto; background-color:#ffffff;}
#pop_cate #cate_container .cate_center .cate_icon ul {background-color:#ffffff; width:100%;}
#pop_cate #cate_container .cate_center .cate_icon ul li {float:left;cursor:pointer;text-align:center;width:70px;}
#pop_cate #cate_container .cate_center .cate_icon ul li 
#pop_cate #cate_container .cate_center .cate_icon ul li img{}
#pop_cate #cate_container .cate_center .cate_icon ul li p{font-size:95%; color:#333; text-align:center; height:25px; font-weight:bold; margin-top:3px;}
#pop_cate #cate_container .cate_service {width:100%; height:auto; border-top:none; border-radius:0 0 10px 10px; overflow:hidden; padding-bottom:10px;}
#pop_cate #cate_container .cate_service .service_title {
	height: 25px;
}
#pop_cate #cate_container .cate_service .service_title p {
	margin: 8px 0 0 10px;
	font-size: 110%;
	color: #3d61aa;
	font-weight: bold;
} 
p.memotest{position:relative; left:50px;}#pop_cate #cate_container .cate_service .service_icon {width:100%; margin:0 auto; background-color:#ffffff; padding-top:10px;}
#pop_cate #cate_container .cate_service .service_icon ul {background-color:#ffffff; width:100%;}
#pop_cate #cate_container .cate_service .service_icon ul li {float:left;cursor:pointer;text-align:center;width:62px;margin-left:8px;}
#pop_cate #cate_container .cate_service .service_icon ul li p {font-size:95%; color:#333; text-align:center; height:25px; font-weight:bold; margin-top:3px;}

/*--category 2015--*/
.category_wrap{margin-top:5px;}
.category_2015{}

/*¾ÆÀÌÆù 4 5 ¹öÀü*/
.category_2015 li{float:left;width:70px;height:28px;margin-left:5px;margin-bottom:5px;text-align:center;font-size:95%;letter-spacing:-1px;cursor:pointer;}
/*¾ÆÀÌÆù 4 5 À§ ¹öÀü*/
@media all and (min-device-width:325px){
.category_2015 li{float:left;width:85px;height:28px;margin-left:5px;margin-bottom:5px;text-align:center;font-size:95%;letter-spacing:-1px;cursor:pointer;}
}
/*¾Èµå·ÎÀÌµåÀÏ °æ¿ì*/
.category_2015 li.an{width:62px !important;}


.category_2015 li span{display:inline-block;padding-top:7px;}
.category_2015 li.depth_1{background:url(../image/category_1depth.png) repeat-x 0px 0px;border:1px solid #ccc;}
.category_2015 li.depth_1.on{background:url(../image/category_1depth_on.png) repeat-x 0px 0px;border:1px solid #a5bef0;}
.category_2015 li.depth_2{background:url(../image/category_2depth.png) repeat-x 0px 0px;border:1px solid #a5bef0;}
.category_2015 li.depth_2.on{background:url(../image/category_1depth_on.png) repeat-x 0px 0px;border:1px solid #a5bef0;}

.category_2015 li.depth_1.off{display:none}
.category_2015 li.depth_2.off{display:none}


/*--category--*/
#category {
	width: 100%;
	color: #000000;
	text-align: left;
}
#category .category_menu {width:100%;}
#category .category_menu ul{ margin:6px 0px 2px 8px;}
#category .category_menu ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#category .category_menu .color_btn {
	width:70px; 
	height:22px;
	line-height:18px;
	background-image:url(../image/btn_menu_on02.png); 
	border:1px solid #a5bef0;
	-webkit-border-radius:0px; 
	text-align:center;
	color:#3d61aa; 
	font-weight:bold;
	font-size:95%; 
	padding-top:6px; 
	float:left; 
	display:block;
	letter-spacing:-1px;
}
#category .category_menu .color_btn01 {
	width:70px; 
	height:22px;
	line-height:18px;
	background-image:url(../image/btn_menu_on02.png); 
	border:1px solid #a5bef0; -webkit-border-radius:0px; 
	text-align:center;
	color:#3d61aa; 
	font-size:95%; 
	padding-top:6px; 
	float:left; 
	display:block;
	letter-spacing:-1px;
}
#category .category_menu .menu_btn {
	width: 70px;
	height: 22px;
	line-height:18px;
	background-image:url(../image/btn_menu_on01.png);
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 0px;
	text-align: center;
	color: #555;
	font-size:95%;
	padding-top:6px;
	float: left;
	display: block;
}



/*¼ÒºÐ·ù*/
.category_webtoonbanner_wrap{position:relative;clear:both;}
.category_webtoonbanner_wrap .category_webtoonbanner{position:absolute;right:0;bottom:0;width:60px;height:56px;background:url(/common/img/event/2015/0916_wingtoon/floting_navi_webtoon.png) no-repeat 0 0;background-size: contain;cursor:pointer;}
#category .category_menu .color_btn_sub {
	width:70px; 
	height:22px; 
	background-image:url(../image/btn_menu_on02.png); 
	border:1px solid #a5bef0; -webkit-border-radius:0px; 
	text-align:center;
	color:#3d61aa; 
	font-weight:bold;
	font-size:100%; 
	padding-top:6px; 
	display:block;
	letter-spacing:-1px;
}
#category .category_menu .menu_btn_sub {
	width: 70px;
	height: 22px;
	background-image:url(../image/btn_menu_on01.png);
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 0px;
	text-align: center;
	color: #555;
	font-size: 100%;
	padding-top: 8px;
	display: block;
	letter-spacing: -1px;
}
#category_sub .color_btn_sub{
	width: 70px;
	height: 24px;
	line-height:24px;
	background-image:url(../image/btn_submenu_on01.png);
	border: 1px solid #abc6f0;
	text-align: center;
	color: #3d61aa;
	font-size: 95%;
	float: left;
	display: block;
	letter-spacing: -1px;
}

#category_sub ul li {
	margin-right: 5px;
	margin-bottom: 5px;
}

#category_sub {
	width: 100%;
	float: left;
}
#category_sub ul {
	margin-right: 5px;
	margin: 0 0px 7px 8px;
}
/*--ÀÌº¥Æ®¿ë °­Á¶¹öÆ° Å¬¸¯*/
#category .category_menu .color_btn_sub02 {
	width:70px; 
	height:22px;
	line-height:18px;
	background-image:url(../image/btn_menu_on02.png); 
	border:1px solid #a5bef0;
	-webkit-border-radius:0px; 
	text-align:center;
	color:#3d61aa; 
	font-weight:bold;
	font-size:95%; 
	padding-top:6px; 
	float:left; 
	display:block;
	letter-spacing:-1px;
}
/*--ÀÌº¥Æ®¿ë °­Á¶¹öÆ° ¹öÆ°±âº»Çü*/
#category .category_menu .menu_btn_sub02 {
	width: 70px;
	height: 22px;
	line-height:18px;
	background-image:url(../image/btn_menu_on01.png);
	border: 1px solid #bdbdbd;
	text-align: center;
	color: #3d61aa;
	font-size: 95%;
	padding-top: 6px;
	float: left;
	display: block;
	letter-spacing: -1px;
	font-weight: bold;
}

/*--*/
#searchform {
	display: inline-block;
	width: 100%;
}
#searchform fieldset {display:inline-block; width:100%; text-align:left;}
#searchform fieldset #search_area {position:relative; padding:0 10px 0 6px;}
#searchform fieldset #search_area .search {height:27px; font-size:100%; float:left;}
#searchform fieldset #search_area .ikeyword{position:relative; padding:0 70px 0 83px;}
#searchform fieldset #search_area #searchKey {width:100%; height:25px; border:1px solid #d6d6d6; padding:0 5px; color:#000; font-size:110%; font-weight:bold;}
.smartsch_btn {
	width: 48px;
	height: 30px;
	background-image:url(../image/common_btn05.png)
	border: #c5c9da 1px solid;
	font-size: 100%;
	text-align: center;
	padding: 0 0 0 2px;
	border-radius: 0px 0px;
	-webkit-appearance: none;
}
.smartsch_btn2 {
	width: 48px;
	height: 30px;
	background-color: #5678C1;
	background-image:url(../image/common_btn04.png)
	border: #597AC1 1px solid;
	color: #e6eafa;
	font-size: 100%;
	text-align: center;
	padding: 0 0 0 2px;
	border-radius: 0px 0px;
	-webkit-appearance: none;
}
#searchform222 { width:100%; background-color:#fbfbfc; border-bottom:1px solid #d2d3dd; border-top:1px solid #d2d3dd; padding-left:7px;padding-bottom:5px;}
.smartsch_btn {
	width: 48px;
	height: 30px;
	background-color: #e6eafa;
	border: #c5c9da 1px solid;
	color: #6672ad;
	font-size: 100%;
	text-align: center;
	padding: 0 0 0 2px;
	border-radius: 5px 5px 0 0;
	border-bottom:none;
	-webkit-appearance: none;
}
.smartsch_btn2 {
	width: 48px;
	height: 30px;
	background-color: #3D61AA;
	border: #3D61AA 1px solid;
	border-bottom:none;
	color: #e6eafa;
	font-size: 100%;
	text-align: center;
	padding: 0 0 0 2px;
	border-radius: 5px 5px 0 0; 
	-webkit-appearance: none;
}

/*--contents--*/
#contents {width:100%;display:inline-block;}
#contents .contents_view {height: 72px; border-bottom: 1px solid #e0e0e0; padding-top: 5px; padding-bottom: 5px;}
#contents .contents_view .img_area {width:125px; height:72px; text-align:right; padding:0 7px 0 3px; float:left; position:relative;}
#contents .contents_view .img_area .bg_19 {width:125px; height:72px; position:absolute; top:0;}
#contents .contents_view .img_area .c_size {background-color:#000000; height:14px; width:34px; text-align:center; color:#f1f1f1; font-size:88%; position:absolute;  z-index:111111; left:99px; top:58px; border:none; font-weight:bold;}
#contents .contents_view .img_area .rk {background-color:#000000; padding-top:1px; height:14px; width:34px; text-align:center; color:#ffffff; font-size:88%; position:absolute; left:8px; top:0; border:none; z-index:999; }
#contents .contents_view .text_area {float:left; display:inline-block; width:55.5%;}

#contents .contents_view .text_area .contents_title {height:38px; padding-top:6px; text-overflow:ellipsis; overflow:hidden; margin:0 0 6px 0; word-break:break-all; font-size:108%; line-height:19px; font-weight:bold;}
#contents .contents_view .text_area .contents_title a:link,a:visited,a:hover {color:#000;}
#contents .contents_view .text_area .contents_title img {margin:0 3px 3px 0;}
#contents .contents_view .text_area .contents_cate {color:#777; font-size:88%; height:10px;}
#contents .contents_view .text_area .contents_cate ul {float:left; clear:both;}
#contents .contents_view .text_area .contents_cate ul li.cate {float:left; margin-right:5px;}
#contents .contents_view .text_area .contents_cate ul li.point {float:left; color:#777777; clear:both;}
#contents .contents_view .text_area .contents_cate ul li.point strike {float:left; color:#666666;}
#contents .contents_view .text_area .contents_cate ul li.point img {margin-left:4px; margin-right:2px; vertical-align:middle; margin-top:-4px;}
#contents .contents_view .text_area .contents_cate ul li.name {float:left;}
.down50{width:33px; height:11px; }



#contents .contents_view2 {height: 40px; border-bottom: 1px solid #e0e0e0; padding-top:5px; padding-right: 15; padding-bottom: 3px; padding-left: 15;}
#contents .contents_view2 .text_area_no_img {float:left; display:inline-block; width:100%;}
#contents .contents_view2 .text_area_no_img .contents_title {height:18px; /*text-overflow:ellipsis; overflow:hidden;*/ margin:0 0 3px 0; word-break:break-all; font-size:108%; line-height:19px; font-weight:bold; cursor:pointer; /*white-space: nowrap;*/}
#contents .contents_view2 .text_area_no_img .contents_title span{height:18px; text-overflow:ellipsis; overflow:hidden; margin:0 0 3px 0; word-break:break-all; font-size:108%; line-height:19px; font-weight:bold; cursor:pointer; white-space: nowrap; }
#contents .contents_view2 .text_area_no_img .contents_title a:link,a:visited,a:hover {color:#000;}
#contents .contents_view2 .text_area_no_img .contents_title img {margin:0 3px 3px 0;}
#contents .contents_view2 .text_area_no_img .contents_cate {color:#777; font-size:88%; height:11px;}
#contents .contents_view2 .text_area_no_img .contents_cate ul {float:left; clear:both;}
#contents .contents_view2 .text_area_no_img .contents_cate ul li.cate {float:left; margin-right:5px;}
#contents .contents_view2 .text_area_no_img .contents_cate ul li.point {float:left; color:#777777; clear:both;}
#contents .contents_view2 .text_area_no_img .contents_cate ul li.point strike {float:left; color:#666666;}
#contents .contents_view2 .text_area_no_img .contents_cate ul li.point img {margin-left:4px; margin-right:2px; vertical-align:middle; margin-top:-4px;}
#contents .contents_view2 .text_area_no_img .contents_cate ul li.name {float:left;}
.down50{width:33px; height:11px; }


/*--contents222--*/
#contents222 {width:100%;display:inline-block;}
#contents222 .contents_view {height:72px; padding:5px 0; border-bottom:1px solid #e0e0e0;}
#contents222 .contents_view .img_area {width:125px; height:72px; text-align:right; padding:0 7px 0 0; float:left; position:relative;}
#contents222 .contents_view .img_area .bg_19 {width:125px; height:72px; position:absolute; top:0;}
#contents222 .contents_view .img_area .c_size {background-color:#000000; height:14px; width:34px; text-align:center; color:#f1f1f1; font-size:88%; position:absolute;  z-index:111111; left:91px; top:58px; border:none;font-weight:bold;}
#contents222 .contents_view .img_area .rk {background-color:#000000; padding-top:1px; height:14px; width:34px; text-align:center; color:#ffffff; font-size:88%; position:absolute; left:8px; top:0; border:none;z-index:999; }
#contents222 .contents_view .text_area {float:left; display:inline-block; width:55.5%;}
#contents222 .contents_view .text_area .contents_title {height:29px; padding-bottom:9px; text-overflow:ellipsis; overflow:hidden; margin:0 0 6px 0; word-break:break-all; font-size:108%; line-height:19px; font-weight:bold;}
#contents222 .contents_view .text_area .contents_title a:link,a:visited,a:hover {color:#000;}
#contents222 .contents_view .text_area .contents_title img {margin:0 3px 3px 0;}
#contents222 .contents_view .text_area .contents_cate {color:#777; font-size:88%; height:11px;}
#contents222 .contents_view .text_area .contents_cate ul {float:left; clear:both;}
#contents222 .contents_view .text_area .contents_cate ul li.cate {float:left; margin-right:5px;}
#contents222 .contents_view .text_area .contents_cate ul li.point {float:left; color:#cccccc; clear:both;}
#contents222 .contents_view .text_area .contents_cate ul li.point strike {float:left; color:#666666;}
#contents222 .contents_view .text_area .contents_cate ul li.point img {margin-left:4px; margin-right:2px;  vertical-align:middle; margin-top:-4px;}
#contents222 .contents_view .text_area .contents_cate ul li.name {float:left;}


/*--play--*/
#play_notice {width:100%; background-color:#f9f9f9; padding:10px 0; border-bottom:1px solid #e5e5e5;}
#play_notice p {margin:0 10px; color:#555; font-size:95%; text-align:left; font-weight:bold; line-height:16px;}
#play_notice span {color:#4b7ce0;}

#play_container {margin:12px 10px 0 10px;}

#play_container .play_off {
	width: 100%;
	background-color: #ececec;
	border: 1px solid #d1d1d1;
	margin-bottom: 4px;
}
#play_container .play_off .off_box {margin:10px 10px 7px 5px; overflow:hidden;}
#play_container .play_off .off_box ul {padding:0;}
#play_container .play_off .off_box ul li.file_number {
	width: 15%;
	color: #3d61aa;
	font-size: 95%;
	float: left;
	text-align: left;
	font-weight: bold;
}
#play_container .play_off .off_box ul li.file_subject {width:70%; color:#333333; font-size:95%; line-height:16px; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px 0; word-break:break-all; float:left; text-align:left; font-weight:bold;}
#play_container .play_off .off_box ul li.play_time {
	width: 15%;
	color: #888888;
	font-size: 90%;
	float: right;
	text-align: right;
	padding-top: 3px;
}
#play_container .play_off .off_box ul li.play_time img {margin:0 0 3px 3px;}

#play_container .play_on {
	width: 100%;
	background-color: #f8f8f8;
	border: 1px solid #d1d1d1;
	margin-bottom: 4px;
}
#play_container .play_on .on_title {
	background-color: #f4f4f4;
}
#play_container .play_on .on_title .on_box {
	overflow: hidden;
	padding: 10px 10px 5px 5px;
}
#play_container .play_on .on_title .on_box ul {padding:0;}
#play_container .play_on .on_title .on_box ul li.file_number {
	width: 15%;
	color: #3d61aa;
	font-size: 95%;
	float: left;
	text-align: left;
	font-weight: bold;
}
#play_container .play_on .on_title .on_box ul li.file_subject {
	width: 69%;
	color: #333333;
	font-size: 95%;
	line-height: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0 0 15px 0;
	word-break: break-all;
	float: left;
	text-align: left;
	font-weight: bold;
}
#play_container .play_on .on_title .on_box ul li.play_time {width:15%; color:#888888; font-size:90%; float:right; text-align:right;}
#play_container .play_on .on_title .on_box ul li.play_time img {margin:0 0 3px 3px;}
#play_container .play_on .play_moive {
	position: relative;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 8px;
}
#play_container .play_on .play_moive .movie {width:290px;height:175px; margin:0 auto; text-align:center;}
#play_container .play_on .play_moive .play {width:100%; height:91px; position:absolute; top:45px; text-align:center;}

#play_container .play_on .on_movie {background-color:#ffffff; margin:5px 0; text-align:center; clear:both;}
#play_container .play_on .on_movie p {color:#333; font-size:88%; margin-top:5px;}


#play_container .play_network {width:100%; height:28px;  border:1px solid #dcdcdc; margin-top:11px;}

#play_container .play_network p {
	color: #555;
	font-size: 95%;
	font-weight: bold;
	margin: 7px 0 0 10px;
}
#play_container .play_network_info {width:100%; padding:10px 0 3px 0; background-color:#ffffff; border:1px solid #dcdcdc; border-top:none; overflow:hidden;}
#play_container .play_network_info ul {margin:0 10px;}
#play_container .play_network_info ul li {
	color: #555;
	line-height: 17px;
	font-size: 90%;
	float: none;
	text-align: left;
	margin-bottom: 7px;
}
#play_container .play_network_info img {margin:0 3px 3px 0;}



/*--*/
#wrap .page {width:100%;text-align:center; color:#333; font-weight:bold;}
#wrap .page a:link,a:visited,a:hover {color:#333; text-decoration:none;}



/*--foot_banner--*/
#foot_bn {width:95%; text-align:center; margin:0 auto; clear:both; padding-top:15px;}


/*--footer--*/
#foot {
	width: 100%;
	background-color: #FFFFFF;
	clear: both;
	background-image: url(../image/greatwhite.png);
}
#footmenu {width:100%; height:70px; text-align:center;}/*--height:52px;--*/
#footmenu ul {
}
#footmenu ul li {width:15%; text-align:center; vertical-align:middle; display:inline-block; margin-top:7px; font-size:9px;}
#footmenu ul p {
	margin: 0;
	padding: 0;
	color: #555;
	font-size: 11px;
}
#footer {width:100%; height:23px; display:inline-block; text-align:center; padding-top:14px; font-size:84%; color:#888888;}
#footer a,a:link,a:visited,a:hover {color:#888888; text-decoration:none;}
#footer span {color:#94a0d0; font-weight:bold;}


/*----*/
#fileinfo_container {margin:0 10px; clear:both;}

/*----*/
#contents_ttl {
	width: 100%;
	padding: 10px 0 8px 0px;
	background-color: #ffffff;
	clear: both;
	font-size: 120%;
	font-weight: bold;
}
#contents_ttl p {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 105%;
	color: #3d61aa;
	font-weight: bold;
}
#contents_ttl img {
	vertical-align:middle;
	margin-bottom:3px;
}

/*----*/
#fileinfo_top {
	clear: both;
	padding-top:8px
}
#fileinfo_top .fileinfo_imgarea {width:120px; height:72px; float:left; margin-right:8px; border:1px solid #333333; text-align:center;}
#fileinfo_top .fileinfo_textarea {
	float: left;
	display: inline-block;
	border-color: #E8E8E8;
	border: 1px;
	width: 100%;
}
#fileinfo_top .fileinfo_textarea ul {padding:0; margin:0; clear:both;}
#fileinfo_top .fileinfo_textarea ul li.info_q {color:#333; height:22px; font-size:100%; font-weight:bold; margin-right:3px; float:left; display:inline-block;}
/*#fileinfo_top .fileinfo_textarea ul li.info_a {color:#333; height:22px; font-size:100%; float:left; display:inline-block; width:68%;}*/
#fileinfo_top .fileinfo_textarea ul li.info_a span {font-size:100%; color:#999999;}

/*----*/
#fileinfo_top2 {width:100%; clear:both;}
#fileinfo_top2 .down_text1 {
	text-align:center;
	color: #707070;
	font-size: 90%;
	padding-top: 10px;
}
#fileinfo_top2 .down_text1 span {
	color: #3d61aa;
}
#fileinfo_top2 .down_text2 {text-align:left; color:#333; font-size:90%;}
#fileinfo_top2 ul {padding:0; margin:0;}
#fileinfo_top2 ul li {width:100%; margin-bottom:4px;}

/*--¹öÆ°--*/
#common_btn {
	width: 100%;
	margin-top: 8px;
	text-align: center;
	clear: both;
	margin-bottom: 10px;
}

#common_play_btn {
	width: 100%;
	
	text-align: center;


}
#common_btn_layer {
	
	width: 100%;
	margin-top: 8px;
	text-align: center;
	padding:5px 0px;
	
	vertical-align:middle;

	/*
	background-color:#D5D3D3;
	position:fixed;
	bottom:0px;
	*/
}
#common_btn2 {
	width: 100%;
	text-align: center;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5E84D3;
}
#common_btn ul li {margin-bottom:5px;}
.common_btn_blue {
	width: 100%;
	height: 36px;
	background-color: #afbde2;
	background-image: url(../image/common_btn01.png);
	text-align: center;
	border: 1px solid #a5bef0;
	color: #364b7a;
	font-weight: bold;
	font-size: 14px;
	border-radius: 0px;
}
.common_btn_blue2 {
	width: 100%;
	height: 36px;
	background-color: #afbde2;
	background-image: url(../image/common_btn04.png);
	text-align: center;
	border: 1px solid #92A1C6;
	color: #ffffff;
	font-weight: bold;
	font-size: 115%;
	border-radius: 0px;
}
.common_btn_blue3 {
	width: 100%;
	height: 36px;
	background-color: #afbde2;
	background-image: url(../image/common_btn01_2.png);
	text-align: center;
	border: 1px solid #8ea9e4;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	border-radius: 0px;
}
.common_btn_blue4 {
	width: 100%;
	height: 36px;
	background-color: #afbde2;
	background-image: url(../image/common_btn01_2.png);
	text-align: center;
	border: 1px solid #8ea9e4;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	border-radius: 0px;
}
.common_btn_green {
	width: 100%;
	height: 36px;
	background-image: url(../image/common_btn01_3.png);
	text-align: center;
	border: 1px solid #9ace7f;
	color:#27781f;
	font-weight: bold;
	font-size: 14px;
	border-radius: 0px;
}
.cash_btn {
	margin-left:2%;
}
.cash_btn li{
	display:inline;
	text-align:left;
	}
.cash_blue{
	margin:1%;
	width:30%;
	height:36px;
	background-color:#a5bef0;
	background-image:url(../image/common_btn01.png);
	border:1px solid #a5bef0;
	color:#3D61AA;
	font-weight:bold;
	border-radius:0px;
	font-size:85%;
	}
.cash_white {
	margin:1%;
	width:30%;
	height:36px;
	background-color: #fff;
	background-image: url(../image/common_btn02.png);
	border:1px solid #bdbdbd;
	color:#555;
	font-weight:bold;
	border-radius:0px;
	font-size:85%;
}
.common_btn_cash_n3 {
	width: 100%;
	height: 36px;
	background-image: url(../image/common_btn01.png);
	text-align: center;
	border: 1px solid #a5bef0;
	color: #3D61AA;
	font-weight: bold;
	font-size: 85%;
	border-radius: 0px;
}
#btn_n3_new{ margin:0 0% 0px 3%; overflow:hidden;}
#btn_n3_new li{width:32%; float:left; margin:0 1% 5px 0;}
#btn_n3_new li:nth-child(4), #btn_n3_new li:nth-child(5), #btn_n3_new li:nth-child(6){margin:0 1% 0px 0;}

.common_btn_cash_top{
	width: 100%;
	height: 36px;
	background-image: url(../image/common_btn01.png);
	text-align: center;
	border: 1px solid #a5bef0;
	color: #3D61AA;
	font-weight: bold;
	font-size: 85%;
	border-radius: 0px;
}

.common_btn_cash_n2{
	width: 100%;
	height: 36px;
	background-image: url(../image/common_btn01.png);
	text-align: center;
	border: 1px solid #a5bef0;
	color: #3D61AA;
	font-weight: bold;
	font-size: 85%;
	border-radius: 0px;

}

#btn_n3{
	margin-left:3%;
}

#btn_n3 li{
	width:32%;
	float:left;
	margin:0 1% 2% 0;
	text-align:center;
}


.common_btn_white {
	width: 100%;
	height: 36px;
	background-color: #ffffff;
	background-image: url(../image/common_btn02.png);
	text-align: center;
	border: 1px solid #bdbdbd;
	color: #555;
	font-weight: bold;
	border-radius: 0px;
	font-size: 14px;
}
.common_btn_red {
	width: 155px;
	height: 36px;
	background-color: #FFFFFF;
	background-image: url(../image/common_btn03.png);
	text-align: center;
	border: 1px solid #a5bef0;
	color: #3d61aa;
	font-weight: bold;
	font-size: 115%;
	border-radius: 0px;
}
.common_btn_19 {
	width: 150px;
	height: 25px;
	background-color: #f4f4f4;
	background-image: url(../image/common_btn02.png);
	text-align: center;
	border: 1px solid #e1e1e1;
	color: #aaaaaa;
	font-weight: bold;
	font-size: 100%;
	border-radius:3px;
}
.shareBtn li {
	text-align:right;
	padding-top:10px;
	margin-bottom:8px;
}
.blueT {
	font-weight:bold;
	color:#3d61aa;
	font-size:115%;
	vertical-align:middle;
	margin-left:-10px;
}
.blackT {
	font-weight:bold;
	color:#333;
	font-size:115%;
	vertical-align:middle;
	margin-right:5px;
	margin-left:-8px;
}
.shareBtn img {
	cursor:pointer;
	border:none;
	margin-right:10px;
	max-width:34px;
	width: __EXPRESSION__(this.width > 34 ? 34: true);
}
.bar {
	color:#cbcbcb;
	font-size:200%;
	font-weight:normal;
	vertical-align:middle;
	margin-right:5px;
}
.log_btn_01 {
	width: 63px;
	height: 22px;
	background-color: #FFFFFF;
	border: #e1e1e1 1px solid;
	color: #3d61aa;
	font-size: 88%;
	font-weight: bold;
	text-align: center;
	padding: 0 0 0 2px;
	border-radius: 0px 0px;
	-webkit-appearance: none;
	background-image: url(../image/btn_join.png);
}
.log_btn_02 {
	width: 52px;
	height: 22px;
	background-color: #FFFFFF;
	border: #e1e1e1 1px solid;
	color: #3d61aa;
	padding:0;
	font-size: 88%;
	text-align: center;
	border-radius: 0px 0px;
	-webkit-appearance: none;
	background-image: url(../image/btn_join.png);
}
.play_btn_01 {width:63px; height:22px; background-color:#3f73dd; border:#2455b9 1px solid; color:#fff200; font-size:88%; font-weight:bold; text-align:center; padding:0 0 0 2px; border-radius:0px 0px; -webkit-appearance:none;}
.play_btn_02 {
	width: 48px;
	height: 22px;
	background-color: #849aca;
	border: #6c8bc9 1px solid;
	color: #ffffff;
	font-size: 88%;
	text-align: center;
	padding: 0 0 0 2px;
	border-radius: 0px 0px;
	-webkit-appearance: none;
}
.search_btn {
	height: 30px;
	color: #FFFFFF;
	background-image:url(../image/serch_btn.png)
	font-size: 80%;
	border: 0;
	text-align: center;
	padding: 0 1px 0 1px;
	border-radius: 0px 0px;
	-webkit-appearance: none;
}
.cash_01 {
	height: 15px;
	background-color: #CACACA;
	color: #FFFFFF;
	font-size: 80%;
	border: 0;
	text-align: center;
	padding: 0 1px 0 1px;
	border-radius: 0px 0px;
	-webkit-appearance: none;
}
.cash_02 {
	width: 40%;
	height: 35px;
	background-color: #779EFF;
	color: #202D4D;
	font-size: 88%;
	text-align: center;
	-webkit-appearance: none;
	margin: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
}
.cash_03 {
	width: 40%;
	height: 35px;
	background-color: #ECECEC;
	color: #666666;
	font-size: 88%;
	text-align: center;
	-webkit-appearance: none;
	margin: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
}

.last_box{
	border:dotted 1px #3D61AA;
	padding:10px;
	color:#666;
	line-height:160%;
	background-color:#fefefe;
	margin-bottom:3%;
	
	}
	
.last_box h3{
	margin-bottom:4px;
	font-size:110%;
	}	
.freenotice li:first-child{
	list-style:none;
	}
.freenotice li{
	list-style-type:disc;
	list-style-position:inside;
	
	}

.join_01 {
	width: 65px;
	height: 18px;
	background-color: #849aca;
	color: #ffffff;
	font-size: 88%;
	border: 0;
	text-align: center;
	padding: 0 0 0 3px;
	border-radius: 0px 0px;
	-webkit-appearance: none;
}
.join_02 {
	width: 103px;
	height: 18px;
	background-color: #849aca;
	color: #ffffff;
	font-size: 88%;
	border: 0;
	text-align: center;
	padding: 0 0 0 2px;
	border-radius: 0px 0px;
	-webkit-appearance: none;
}
.join_03 {width:85px; height:18px; background-color:#e9e9e9; border:#e0e0e0 1px solid; color:#888888; font-size:88%; border-radius:0px 0px; -webkit-appearance:none;}
.join_04 {width:83px; height:27px; background-color:#ffffff; border:#dddddd 1px solid; color:#888888; font-size:88%; border-radius:0px 0px; -webkit-appearance:none; margin-top:-5px;}

.download_btn {
	width: 75px;
	height: 20px;
	background-color: #41b6ca;
	color: #ffffff;
	font-size: 88%;
	border: 1px solid #FFF;
	text-align: center;
	border-radius: 0px 0px;
	-webkit-appearance: none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.download_btn2 {
	width: 100%;
	height: 36px;
	background-color: #98a943;
	background-image: url(../image/common_btn_down02.png);
	text-align: center;
	border: 1px solid #333;
	color: #efffaa;
	font-weight: bold;

	font-size: 14px;
}
.btn_chu1 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #4273d6;
	cursor:pointer;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	background: #ffae5e; /* Old browsers */
	background: -moz-linear-gradient(top, #6897f7 0%, #e63434 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6897f7), color-stop(100%, #e63434)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6897f7 0%, #e63434 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6897f7 0%, #e63434 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6897f7 0%, #e63434 100%); /* IE10+ */
	background: linear-gradient(top, #6897f7 0%, #e63434 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6897f7', endColorstr='#e63434', GradientType=0 ); /* IE6-9 */
}
.btn_chu2 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #aad554;
	color:#5b8f50;
	text-align:center;
	padding:7px;
	font-size:13px;
	background: #def09e; /* Old browsers */
}
	/* À½¾ÇÀúÀåÆú´õ ¿­±â¹öÆ° */
.mymusic1 {
	width: 75px;
	height: 38px;
	background-color:#798baf;
	background-image:url(../image/btn_mymusic.png);
	border:1px solid #a4bcea;
	color:#364b6d;
	font-size:12px;
	border-radius:0px;
	font-weight: bold;
}





/*---*/
#fileinfo_list {width:100%; clear:both; padding-top:7px;}
#fileinfo_list .list_title {
	background-color: #ececec;
	border: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	height: 23px;
	color: #636363;
	padding: 5px 0 0 10px;
}
#fileinfo_list .list_title label {float:right; font-size:88%; color:#777; margin:2px 10px 0 0;}
#fileinfo_list .list_box {
	background-color: #ffffff;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f5f5f5;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e1e1e1;
	border-left-color: #e1e1e1;
}
#fileinfo_list .list_box .list_box_container {margin:0 10px;}
#fileinfo_list .list_box .list_box_container .box_fileinfo {padding:0; clear:both; overflow:hidden;}
#fileinfo_list .list_box .list_box_container .box_fileinfo ul {padding:0; margin:0;}
#fileinfo_list .list_box .list_box_container .box_fileinfo ul li.info_title {width:72%; color:#555; float:left;text-overflow:ellipsis; overflow:hidden; margin:0 0 5px 0; word-break:break-all;line-height:16px; font-size:88%;}
#fileinfo_list .list_box .list_box_container .box_fileinfo ul li.info_time {width:60px; color:#555; float:right; text-align:right; font-size:88%;}
#fileinfo_list .list_box .list_box_container .box_fileinfo_last {padding:0; clear:both; overflow:hidden;}
#fileinfo_list .list_box .list_box_container .box_fileinfo_last ul {padding:0; margin:0;}
#fileinfo_list .list_box .list_box_container .box_fileinfo_last ul li.info_title {width:83%; color:#555; float:left;text-overflow:ellipsis; overflow:hidden; margin:0 0 5px 0; word-break:break-all; line-height:16px; font-size:88%;}
#fileinfo_list .list_box .list_box_container .box_fileinfo_last ul li.info_time {width:36px; color:#555; float:right; text-align:right; line-height:16px;font-size:88%;}
#fileinfo_list .list_box_notice{
	clear: both;
	
	color: #777;
	font-size: 90%;
	text-align: left;
	padding-top: 6px;
	padding-left: 5px;
	padding-bottom: 6px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-left-color: #e1e1e1;
}

/*----*/

#fileinfo_intro {width:100%; clear:both;}
#fileinfo_intro .intro_title {
	background-color: #ececec;
	border: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	height: 23px;
	color: #636363;
	font-weight: bold;
	padding: 5px 0 0 10px;
}
#fileinfo_intro .intro_area {
	color: #555;
	line-height: 18px;
	margin-bottom: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-left-color: #e1e1e1;
}
#fileinfo_intro .intro_area img {margin:2px 0;}

/*----*/
#fileinfo_uplist {
	width: 100%;
	clear: both;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e1e1e1;
	border-left-color: #e1e1e1;
}
#fileinfo_uplist .uplist_title {
	background-color: #ececec;
	border: 1px solid #e1e1e1;
	border-top: 2px solid #e1e1e1;
	height: 23px;
	color: #636363;
	font-weight: bold;
	padding: 5px 10px 0 10px;
	margin-top: 10px;
}
#fileinfo_uplist .contents_view {height:72px; padding:5px 0; border-bottom:1px solid #ececec;}
#fileinfo_uplist .contents_view .img_area {width:120px; height:72px; text-align:right; padding-right:6px; float:left; position:relative;}
#fileinfo_uplist .contents_view .img_area .bg_19 {width:120px; height:72px; position:absolute; left:0px; top:0;}
#fileinfo_uplist .contents_view .img_area .c_size {background-color:#000000; padding-top:1px; height:14px; width:34px; text-align:center; color:#d3d2d2; font-size:85%; position:absolute; left:91px; top:57px; border:none; border-radius:3px; font-weight:bold;}
#fileinfo_uplist .contents_view .text_area {float:left; display:inline-block; width:55.5%; margin-left:5px;}
#fileinfo_uplist .contents_view .text_area .contents_title {height:29px; padding-bottom:9px; text-overflow:ellipsis; overflow:hidden; margin:0 0 6px 0; word-break:break-all; font-size:108%; line-height:19px; font-weight:bold;}
#fileinfo_uplist .contents_view .text_area .contents_title img {margin:0 3px 2px 0;}
#fileinfo_uplist .contents_view .text_area .contents_cate {color:#777; font-size:88%; height:11px;}
#fileinfo_uplist .contents_view .text_area .contents_cate li {float:left; clear:both;}
#fileinfo_uplist .contents_view .text_area .contents_cate ul li.cate {float:left;}
#fileinfo_uplist .contents_view .text_area .contents_cate ul li.name {float:left;}


/*----*/
#page2 {width:100%; height:25px; background-color:#fafafa; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin:10px 0; padding:10px 0; clear:both;}
#page2 #page2_container {
	margin-top: 0;
	margin-bottom: 0;
}
#page2 #page2_container ul {
	list-style: none;
}
#page2 #page2_container ul li.page2_btn01 {width:32px; height:25px; float:left; display:inline-block;}
#page2 #page2_container ul li.page2_btn02 {width:32px; height:25px; float:right; display:inline-block;}
#page2 #page2_container ul li.page2_num {width:67px; text-align:center; color:#333; font-weight:bold; margin-top:4px; float:left;}
#page2 #page2_container ul li.page2_num span {color:#4e5d84;}


#page3 {width:100%; height:25px; background-color:#fafafa; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin:10px 0; padding:10px 0; clear:both;}

#page3 #page3_container {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}
#page3 #page3_container ul {
	list-style: none;
	text-align: center;
}
#page3 #page3_container ul li.page2_btn01 {width:32px; height:25px; float:left; display:inline-block;}
#page3 #page3_container ul li.page2_btn02 {width:32px; height:25px; float:right; display:inline-block;}
#page3 #page3_container ul li.page2_num {width:67px; text-align:center; color:#333; font-weight:bold; margin-top:4px; float:left;}
#page3 #page3_container ul li.page2_num span {color:#4e5d84;}

/*--fileinfo_view_list--*/
#view_list {
	width: 100%;
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

/*--login--*/
#login_container2 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#login_container {
	margin-top: 2;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}
#login_container #login_bg {width:100%; background-color:#ffffff; border:1px solid #bebebe; margin-top:10px; clear:both;}
#login_container #login_bg #login_box {
	margin: 0 1px;
	background-color: #ececec;
}

#login {
	padding: 0 18px 0 0;
}
#login {
	display: inline-block;
	width: 100%;
}
#login fieldset {
	display: inline-block;
	width: 100%;
	background-color: #ececec;
	text-align: left;
}
#login fieldset #login_area {
	position: relative;
	padding: 0 0 0 20px;
}
#login fieldset #login_area .hide {position:absolute; left:-9999in; width:1px; height:1px; overflow:hidden;}

#login fieldset #login_area .uid, .upw {
	position: relative;
	height: 30px;
	padding-right: 100px;
	padding-top: 0px;
	margin-bottom: 5px;
}
#login fieldset #login_area .upw {margin:4px 0 0 0;}
#login fieldset #login_area #mb_id, #mb_pw {
	width: 100%;
	height: 28px;
	border: 1px solid #c6c6c6;
	color: #000;
	font-size: 100%;
	line-height: 110%;
	border-radius: 0px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: start;
}
#login fieldset #login_area .label {width:30%; height:27pxpx; overflow:hidden;}
#login fieldset #login_area #mb_name, #mb_jumin {width:30%; height:27px; border:1px solid #d6d6d6; padding:0 5px; color:#000; font-size:.95em; line-height:2em; border-radius:5px;}
/*--login--*/
/*--id_pw--*/

#login fieldset #login_area2 {
	position: relative;
	padding: 4px 0 0 10px;
}
#login fieldset #login_area2 .hide {position:absolute; left:-9999in; width:1px; height:1px; overflow:hidden;}

#login fieldset #login_area2 .uid, .upw {
	position: relative;
	height: 25px;
	padding: 0 95px 7px 0;
}
#login fieldset #login_area2 .uid2, .upw {
	position: relative;
	height: 110px;
	padding: 0 20px 6px 0;
}
#login fieldset #login_area2 .upw {margin:4px 0 0 0;}
#login fieldset #login_area2 #mb_id, #mb_pw {
	width: 100%;
	height: 25px;
	border: 1px solid #e1e1e1;
	padding: 0 5px;
	color: #555;
	font-size: 0.95em;
	line-height: 120%;
	border-radius: 0px;
}

#login fieldset #login_area2 #mb_id2, #mb_pw {
	width: 100%;
	height: 26px;
	border: 1px solid #c6c6c6;
	color: #000;
	font-size: 100%;
	line-height: 120%;
	text-align: start;
	padding-right: 5px;
	padding-left: 5px;
}

#login fieldset #login_area2 .label {width:30%; height:27pxpx; overflow:hidden;}
#login fieldset #login_area2 #mb_name, #mb_jumin {width:30%; height:27px; border:1px solid #d6d6d6; padding:0 5px; color:#000; font-size:.95em; line-height:2em; border-radius:5px;}

/*--id_pw--*/


/*--login--*/

#login_container #login_bg {
	width: 100%;
	border: 1px solid #c6c6c6;
	margin-top: 10px;
	clear: both;
	background-color: #FFF;
}
#login_container #login_bg .view_keyboard {
	margin: 1px 1px 0 1px;
	background-color: #ececec;
	height: 30px;
}
#login_container #login_bg .view_keyboard ul {padding:7px 0 0 20px;}
#login_container #login_bg .view_keyboard ul li.keyboard_ttl {float:left; font-size:95%; color:#555555; font-weight:bold;}
#login_container #login_bg .view_keyboard ul li.keyboard_view {float:right; margin-right:19px; color:#737373; font-size:90%;}
#login_container #login_bg .view_keyboard ul li.keyboard_view a:link,a:visited,a:hover {color:#737373;}

#login_container #login_bg #keyEK {margin:0 1px; background-color:#f3f3f3; padding-bottom:10px; text-align:center;}
#login_container #login_bg #keySK {margin:0 1px; background-color:#f3f3f3; padding-bottom:10px; text-align:center;}

#login_container #login_bg #idpw_save {
	height: 29px;
	margin: 0 1px;
	background-color: #ececec;
	border-bottom: 1px solid #ffffff;
	padding-top: 5px;
}
#login_container #login_bg #idpw_save ul {margin:0 20px;}
#login_container #login_bg #idpw_save ul li {
	float: left;
	color: #777777;
	font-size: 100%;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 1px;
}
#login_container #login_bg #idpw_save ul li.chbox {vertical-align:top; margin-top:3px;}
#login_container #login_bg #idpw_save input {
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: 0;
}



#login_text {
	width: 100%;
	text-align: center;
	color: #3c58a0;
	font-size: 95%;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 7px;
}
#login_text2 {
	height: auto;
	text-align: left;
	color: #3c58a0;
	font-size: 90%;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 18px;
	line-height: 150%;
	padding-right: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
}
#login_text3 {
	height: auto;
	text-align: center;
	color: #3d61aa;
	font-size: 90%;
	font-weight: bold;
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin: 8px;
	padding-bottom: 5px;
}
#login_text4 {
	height: auto;
	text-align: center;
	color: #999999;
	font-size: 90%;
	font-weight: bold;
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin: 8px;
	padding-bottom: 5px;
}
#login_btn {width:100%; text-align:center;}

#login_tip {margin:0 10px;}
#login_tip #login_tip_box {
	width: 100%;
	background-color: #f3f3f3;
	border: 1px solid #bcbcbc;
	border-radius: 0px;
	margin-top: 10px;
	clear: both;
	position: relative;
	margin-bottom: 10px;
}
#login_tip #login_tip_box ul {padding:0; margin:10px;}
#login_tip #login_tip_box ul li.tip_title {
	color: #333;
	font-weight: bold;
	margin: 13px 0 10px 10px;
}
#login_tip #login_tip_box ul li.tip_view {color:#555; line-height:17px; font-size:95%; float:none;}
#login_tip #login_tip_box .tip_icon {
	width: 14px;
	height: 10px;
	position: absolute;
	left: 10px;
	top: 18px;
}


#login_tip22 {margin:0 10px;}
#login_tip22 #login_tip_box {
	width: 100%;
	background-color: #fffefa;
	border: 1px solid #bcbcbc;
	border-radius: 0px;
	margin-top: 10px;
	clear: both;
	position: relative;
	margin-bottom: 10px;
}
#login_tip22 #login_tip_box ul {padding:0; margin:10px;}
#login_tip22 #login_tip_box ul li.tip_title {
	color: #333;
	font-weight: bold;
	margin: 13px 0 10px 10px;
}
#login_tip22 #login_tip_box ul li.tip_view {color:#555; line-height:17px; font-size:95%; float:none;}
#login_tip22 #login_tip_box ul li.tip_view span{font-weight:bold;}
#login_tip22 #login_tip_box .tip_icon {
	width: 14px;
	height: 10px;
	position: absolute;
	left: 10px;
	top: 18px;
}


#login_tip19 {margin:0 10px;}
#login_tip19 #login_tip_box {
	width: 100%;
	background-color: #f6f6f6;
	border: 1px solid #e3e3e3;
	border-radius: 0px;
	margin-top: 10px;
	clear: both;
	position: relative;
}
#login_tip19 #login_tip_box ul {
	padding: 0;
	margin: 15px;
}
#login_tip19 #login_tip_box ul li.tip_title {
	color: #333;
	font-weight: bold;
	margin: 13px 0 10px 30px;
}
#login_tip19 #login_tip_box ul li.tip_view {
	color: #636363;
	line-height: 17px;
	font-size: 95%;
	float: none;
}
#login_tip19 #login_tip_box .tip_icon {width:30px; height:16px; position:absolute; left:10px; top:13px;}





/*--join--*/
#join_notice {
	width: 100%;
	padding: 10px 0 7px 0;
	background-color: #fff;
	overflow: hidden;
	clear: both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
#join_notice ul {margin:0 10px;}
#join_notice ul li {
	height: 17px;
	font-size: 95%;
	color: #3d61aa;
/*	float: left; */
	font-weight: bold;
}
#join_notice ul li span {
	color: #3d61aa;
}
#join_notice img{
	vertical-align:middle;
}

#join_table {width:100%; border-top:2px solid #aaaaaa;}
#join_table .join_tr {width:100%; height:35px; border-bottom:1px solid #e6e6e6;}
#join_table .join_tr ul {margin-left:10px;}
#join_table .join_tr ul li.join_subject {
	width: 73px;
	color: #555;
	font-weight: bold;
	margin-top: 9px;
	float: left;
}
#join_table .join_tr ul li.join_subject2 {width:14px; color:#333; font-weight:bold; margin-top:9px; float:left; text-align:center;}
#join_table .join_tr ul li.join_subject3 {width:100px; color:#666 font-size:90%; margin-top:9px; float:left; text-align:center;}
#join_table .join_tr ul li.join_answer_p{height:25px; margin-top:9px; float:left; position:relative; font-weight:bold; margin-right:20px;}
#join_table .join_tr ul li.join_answer_n {
	width: 182px;
	height: 25px;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	margin-top: 4px;
	float: left;
	position: relative;
}
#join_table .join_tr ul li.join_answer_n input {
	width: 165px;
	border: none;
	margin: 3px 0 0 4px;
	background-color: #f9f9f9;
	font-weight: bold;
	font-size: 95%;
	color: #787878;
}
#join_table .join_tr ul li.join_answer_n2 {width:75px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_table .join_tr ul li.join_answer_n2 input {width:70px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table .join_tr ul li.join_answer_n3 {width:89px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_table .join_tr ul li.join_answer_n3 input {width:87px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table .join_tr ul li.join_answer_n4 {width:89px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_table .join_tr ul li.join_answer_n4 input {width:87px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table .join_tr ul li.join_answer_t {width:200px; color:#333; font-weight:bold; padding-top:8px; float:left; position:relative;}
#join_table .join_tr ul li.join_answer_t span {font-size:88%; color:#777; padding-left:10px; font-weight:normal;}
#join_table .join_tr ul li.join_answer_t .b_input {height:21px; background-image:url(../mypage/images/edit_btn_bg.png); border:1px solid #c7c7c7; border-radius:5px; color:#333; font-weight:bold; margin-left:5px; font-size:90%;}
#join_table .join_tr ul li.email {width:76px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left;}
#join_table .join_tr ul li.email input {width:64px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table .join_tr ul li.email .ans_delete {width:15px; height:15px; position:absolute; left:56px; top:2px;}
#join_table .join_tr ul li.email_icon {width:22px; text-align:center; color:#333; font-weight:bold; padding-top:9px; float:left;}
#join_table .join_tr ul li.email_select {float:left;}
#join_table .join_tr ul li.email_select select {color:#333; font-size:95%; margin-top:6px; width:85px;}
#join_table .join_tr ul li.input_ok {width:20px; height:20px; float:left; margin:7px 0 0 7px; color:#0044cc;}
#join_table .join_tr ul li.input_fail {width:15px; height:15px; float:left; margin:9px 0 0 5px;}


#join_table222 {width:100%; border-top:2px solid #aaaaaa;}
#join_table222 .join_tr {width:100%; height:35px; border-bottom:1px solid #e6e6e6;}
#join_table222 .join_tr ul {margin-left:10px;}
#join_table222 .join_tr ul li.join_subject {width:93px; color:#333; font-weight:bold; margin-top:9px; float:left;}
#join_table222 .join_tr ul li.join_subject2 {width:14px; color:#333; font-weight:bold; margin-top:9px; float:left; text-align:center;}
#join_table222 .join_tr ul li.join_subject3 {width:100px; color:#666 font-size:90%; margin-top:9px; float:left; text-align:center;}
#join_table222 .join_tr ul li.join_answer_p{height:25px; margin-top:9px; float:left; position:relative; font-weight:bold; margin-right:20px;}
#join_table222 .join_tr ul li.join_answer_n {width:180px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_table222 .join_tr ul li.join_answer_n input {width:150px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table222 .join_tr ul li.join_answer_nn {width:95px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_table222 .join_tr ul li.join_answer_nn input {width:83px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table222 .join_tr ul li.join_answer_n2 {width:75px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_table222 .join_tr ul li.join_answer_n2 input {width:70px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table222 .join_tr ul li.join_answer_n3 {width:89px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_table222 .join_tr ul li.join_answer_n3 input {width:87px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table222 .join_tr ul li.join_answer_n4 {width:89px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_table222 .join_tr ul li.join_answer_n4 input {width:87px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table222 .join_tr ul li.join_answer_t {width:200px; color:#333; font-weight:bold; padding-top:8px; float:left; position:relative;}
#join_table222 .join_tr ul li.join_answer_t span {font-size:88%; color:#777; padding-left:10px; font-weight:normal;}
#join_table222 .join_tr ul li.join_answer_t .b_input {height:21px; background-image:url(../mypage/images/edit_btn_bg.png); border:1px solid #c7c7c7; border-radius:5px; color:#333; font-weight:bold; margin-left:5px; font-size:90%;}
#join_table222 .join_tr ul li.email {width:76px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left;}
#join_table222 .join_tr ul li.email input {width:64px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_table222 .join_tr ul li.email .ans_delete {width:15px; height:15px; position:absolute; left:56px; top:2px;}
#join_table222 .join_tr ul li.email_icon {width:22px; text-align:center; color:#333; font-weight:bold; padding-top:9px; float:left;}
#join_table222 .join_tr ul li.email_select {float:left;}
#join_table222 .join_tr ul li.email_select select {color:#333; font-size:95%; margin-top:6px; width:85px;}
#join_table222 .join_tr ul li.input_ok {width:20px; height:20px; float:left; margin:7px 0 0 7px; color:#0044cc;}
#join_table222 .join_tr ul li.input_fail {width:15px; height:15px; float:left; margin:9px 0 0 5px;}

#join_table .join_tr2 {width:100%; padding:5px 0; border-bottom:1px solid #e6e6e6; overflow:hidden;}
#join_table .join_tr2 ul {margin-left:10px;}
#join_table .join_tr2 ul li.join_subject {width:93px; color:#333; font-weight:bold; margin-top:9px; float:left;}
#join_table .join_tr2 ul li.join_answer_t {width:50%; color:#333; font-weight:bold; padding-top:8px; float:left; position:relative;}
#join_table .join_tr2 ul li.join_answer_t span {font-size:88%; color:#777; line-height:15px;}


#join_table .join_ttl {width:100%; clear:both;height:55px; border-bottom:1px solid #e6e6e6; }
#join_table .join_ttl ul li {float:left; }
#join_table .join_ttl .join_top1 {width:100%; font-size:115%;  font-weight:bold; color:#333333; padding-left:10px; padding-top:10px;}
#join_table .join_ttl .join_info1 {width:100%; font-size:88%; color:#666; margin-left:10px; margin-top:4px;}

#join_container {
	text-align: center;
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#join_container .join_btnarea { margin-top:15px; margin-bottom:15px; text-align:center;}
#join_container .yak_ok {font-size:95%; text-align:center; color:#777777;}
#join_container .yak_ok input {margin:0 1px 2px 0;}
#join_container .yak_ok span {color:#3d61aa; font-weight:bold; text-decoration:underline;}

#join_container .yak_btn {
	font-size: 95%;
	color: #5977b9;
	font-weight: bold;
	margin: 8px 0 15px 0;
}

#join_container .join_info {width:100%; overflow:hidden; background-color:#f6f6f6; border:1px solid #e3e3e3;}
#join_container .join_info ul {margin:10px 10px 3px 10px; float:left;}
#join_container .join_info ul li {color:#555; float:none; text-align:left; line-height:17px; font-size:85%; margin-bottom:7px;}

#join_event {width:100%; height:65px; background-color:#eaeaea; text-align:center;}

#join_tableWrap {border-bottom:#ff4444 6px solid;border-left:#ff4444 6px solid; border-right:#ff4444 6px solid; border-top:#ff4444 3px solid; padding:10px;}
#join_tableWrap .join_tr {width:100%; height:35px; border-bottom:1px solid #e6e6e6;}
#join_tableWrap .join_tr ul {margin-left:7px;}
#join_tableWrap .join_tr ul li.join_subject {width:25%; color:#333; font-weight:bold; margin-top:9px; float:left;}
#join_tableWrap .join_tr ul li.join_subject2 {width:12px; color:#333; font-weight:bold; margin-top:9px; float:left; text-align:center;}
#join_tableWrap .join_tr ul li.join_answer_n {width:55%; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_tableWrap .join_tr ul li.join_answer_n input {width:95%; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666; letter-spacing:-1px;}
#join_tableWrap .join_tr ul li.join_answer_n2 {width:20%; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_tableWrap .join_tr ul li.join_answer_n2 input {width:95%; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666; letter-spacing:-1px;}
#join_tableWrap .join_tr ul li.join_answer_n3 {width:30%; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left; position:relative;}
#join_tableWrap .join_tr ul li.join_answer_n3 input {width:95%; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666; letter-spacing:-1px;}
#join_tableWrap .join_tr ul li.input_ok {width:20px; height:20px; float:left; margin:7px 0 0 7px; color:#0044cc;}
#join_tableWrap .join_tr ul li.input_fail {width:15px; height:15px; float:left; margin:9px 0 0 5px;}
#join_tableWrap .join_tr ul li.email {width:30%; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:4px; float:left;}
#join_tableWrap .join_tr ul li.email input {width:95%; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#join_tableWrap .join_tr ul li.email .ans_delete {width:15px; height:15px; position:absolute; left:56px; top:2px;}
#join_tableWrap .join_tr ul li.email_icon {width:14px; text-align:center; color:#333; font-weight:bold; padding-top:9px; float:left;}
#join_tableWrap .join_tr ul li.email_select {float:left;}
#join_tableWrap .join_tr ul li.email_select select {height:27px; color:#333; font-size:95%; margin-top:4px; width:80px;}



/*--event-*/
#event_bn {
	width: 100%;


	height:40px
	padding: 0;
	background-color: #becfed;
	overflow: hidden;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #becfed;
}
##event_bn ul {margin:0 10px;}
##event_bn ul li {height:17px; font-size:95%; color:#555; float:left; font-weight:bold;}
/*--event-*/



/*---*/
#join_id {text-align:center; clear:both; margin-left:10px; margin-right:10px;}
#join_id .join_btnarea { margin-top:15px; margin-bottom:15px; text-align:center;}
#join_id .yak_ok {font-size:95%; text-align:center; color:#777777;}
#join_id .yak_ok input {margin:0 1px 2px 0;}
#join_id .yak_ok span {color:#666666; font-weight:bold;}

#join_id .id_btn {
	font-size: 100%;
	color: #999999;
	font-weight: bold;
	height: 30px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

#join_id .join_info {
	width: 100%;
	overflow: hidden;
	background-color: #f6f6f6;
	border: 1px solid #e3e3e3;
}
#join_id .join_info ul {
	margin: 10px 10px 3px 10px;
	float: left;
}
#join_id .join_info ul li {
	color: #555;
	float: none;
	text-align: left;
	line-height: 17px;
	font-size: 90%;
	margin-bottom: 7px;
}

/*--#login_container {margin:0 10px;}
#login_container #login_bg {width:100%; background-color:#ffffff; border:1px solid #bebebe; margin-top:10px; clear:both;}
#login_container #login_bg #login_box {margin:0 1px; background-color:#f3f3f3;}

#login {
	padding: 0 18px 0 0;
}
#login {display:inline-block; width:100%;}
#login fieldset {display:inline-block; width:100%; background-color:#f3f3f3; text-align:left;}
#login fieldset #login_area {
	position: relative;
	padding: 3px 0 0 25px;
}
#login fieldset #login_area .hide {position:absolute; left:-9999in; width:1px; height:1px; overflow:hidden;}

#login fieldset #login_area .uid, .upw {
	position: relative;
	height: 30px;
	padding: 0 105px 0 0;
}
--*/

/*---*/

/*----*/
#yak_container {margin:0 10px; padding:10px 0; color:#777; line-height:19px; font-size:95%;}
#yak_container span {font-size:100%; color:#666666; font-weight:bold;}
#yak_container .yak_menu {padding:10px 0; border-bottom:1px dotted #e0e0e0; border-top:1px dotted #e0e0e0; margin:10px 0;}
#yak_container .yak_menu ul {padding:0; margin:0;}
#yak_container .yak_menu ul li {line-height:19px; font-size:90%; color:#d05f5f; float:none;}
#yak_container .yak_menu a:link,a:visited,a:hover {color:#d05f5f;}


/*--join_cert--*/
#join_cert_nav {width:100#; height:25px; border-bottom:1px solid #e4e4e4;}
#join_cert_nav p {font-size:110%; margin:5px 0 0 10px; font-weight:bold;}
#join_cert_info {background-color:#f9f9f9; border-bottom:1px solid #cfcfcf;}
#join_cert_info ul {padding:10px;}
#join_cert_info ul li {line-height:18px; font-size:90%; font-weight:bold; text-align:left; color:#333;}
#join_cert_nt {height:20px; padding-top:10px; font-size:88%; color:#4b7ce0; font-weight:bold; margin-left:10px; clear:both;}
#join_cert_table {width:100%; padding-bottom:10px;}
#join_cert_table .cert_tr {height:31px; border-bottom:1px solid #e6e6e6; clear:both;}
#join_cert_table .cert_tr ul {margin-top:4px; padding:0;}
#join_cert_table .cert_tr ul li.cert_title {width:90px; color:#333; font-weight:bold; float:left; padding:4px 0 0 10px; position:relative;}
#join_cert_table .cert_tr ul li.cert_input {height:25px; float:left; position:relative;}
#join_cert_table .cert_tr ul li.cert_input input {width:85px; background-color:#f9f9f9; border:none; font-size:100%; background-color:#f9f9f9; border:1px solid #dddddd;  height:21px; }
#join_cert_table .cert_tr .text_delete {width:15px; height:15px; position:absolute; left:165px; top:2px;}

#join_cert_btn {margin:0 10px;}
#join_cert_btn .btnbox {width:100%; padding:0; margin:0;}
#join_cert_btn .btnbox .btn_cert {float:left;left:0; top:0; width:50%; text-align:left; display:block;}
#join_cert_btn .btnbox .btn_close {float:right; left:50%; top:0; width:50%; text-align:right;}

#join_cert_notice {margin:0 10px;}
#join_cert_notice .certbox {width:100%; background-color:#f9f9f9; border:1px solid #e3e3e3; margin-top:10px;}
#join_cert_notice .certbox ul {margin:10px;}
#join_cert_notice .certbox ul li {font-size:90%; color:#333; font-weight:bold; line-height:18px; float:none;}


/*--charge--*/
#mypoint_container {margin:0; padding:0;}
#mypoint_container .mypoint_title {height:30px; background-color:#f6f6f6; border-bottom:1px dotted #d5d3d3; clear:both;}
#mypoint_container .mypoint_title p {color:#000; font-weight:bold; padding:7px 0 0 10px;}
#mypoint_container .mypoint_title span{color:#415894;}
#mypoint_container .mypoint_pointlist {height:25px; background-color:#ffffff; border-bottom:1px solid #d5d3d3; clear:both;}
#mypoint_container .mypoint_pointlist ul {margin:5px; padding:0;}
#mypoint_container .mypoint_pointlist ul li.mypoint {color:#000; font-weight:bold; float:left;}
#mypoint_container .mypoint_pointlist ul li.mypoint img {margin:0 3px 3px 0;}
#mypoint_container .mypoint_pointlist ul li.mypoint_line {color:#cccccc; padding:0 7px; float:left;}

#charge_notice {
	padding: 10px 0 7px 10px;
	background-color: #ffffff;
	overflow: hidden;
	clear: both;
	font-size: 110%;
	color: #3d61aa;
	font-weight: bold;
}
#charge_container {margin:0 10px;}

#charge_container .charge_list_new{position: relative; width:100%; margin:10px 0 0 0 ; border-collapse: collapse;}
#charge_container .charge_list_new th{height: 32px; font-size: 75%; color: #333; font-weight: bold; text-align: right; vertical-align:middle; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background:url('../image/common_btn02.png') repeat-x 0 0 ; padding: 0px 5px 0px 0;}
#charge_container .charge_list_new th:first-child{border-left: 1px solid #e0e0e0;}
#charge_container .charge_list_new th:last-child{border-right: 1px solid #e0e0e0; text-align:center; padding: 0px 0 0px 8%;}
#charge_container .charge_list_new th.bonus{color:#3d61aa;}
#charge_container .charge_list_new td{color:#777; font-size: 70%; font-weight: bold; text-align:center;  vertical-align:middle; border-bottom: 1px solid #d4d4d4; padding: 10px 0 9px 0;}
#charge_container .charge_list_new td.bonus_p{color:#c33318;}
#charge_container .charge_list_new td:last-child{text-align:center;padding: 10px 0 9px 8%;}
#charge_container .charge_list_new tr:last-child td{border-bottom:0; }
#charge_container .charge_list_new td input{padding:0; margin:0; vertical-align:middle;}
#charge_container .charge_list_new td.bonus_point{color:#39a6af;}
#charge_container .charge_list_new td.bonus_cash{color:#ed7474;}
#charge_container .charge_list_new td.bonus_coupon{color:#cd9723;}
#charge_container .charge_list_new td .cash_point05{display:inline-block; width:50px; color:#39a6af; text-align:left; }
#charge_container .charge_list_new td .cash_point06{display:inline-block; width:70px; color:#ed7474; text-align:left; }
#charge_container .charge_list_new td .cash_point07{display:inline-block; width:70px; color:#d49d27; text-align:left; }
#charge_container .charge_list_new  td .cash_point08{display:inline-block; width:80px; text-align:right; color:#39a6af; font-weight:bold;}
#charge_container .charge_list_new  td .cash_point09{display:inline-block; width:30px; color:#707070; text-align:left; }


#charge_container  #charge {
	height: 30px;
	background-image: url(../image/common_btn02.png);
	border: 1px solid #e0e0e0;
	clear: both;
	position: relative;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#charge_container  #charge ul {padding:0; margin-top:7px;}

#charge_container  #charge ul li.tab_blank {
	width: 8%;
	float: left;
	text-align: center;
	color: #333;
	font-weight: bold;
}
#charge_container  #charge ul li.tab_money {
	width: 24%;
	float: left;
	text-align: center;
	color: #333;
	font-weight: bold;
}
#charge_container  #charge ul li.tab_cash {
	width: 25%;
	float: left;
	text-align: center;
	color: #333;
	font-weight: bold;
}
#charge_container  #charge ul li.tab_bonus {
	width: 40%;
	float: left;
	text-align: center;
	color: #555;
	font-weight: bold;
}
#charge_container  #charge .tab_on_point {width:50%; height:25px; background-image:url(../image/common_btn01.png); border:1px solid #0d3a94; color:#ffffff; font-weight:bold; text-align:center; padding-top:7px; float:left; position:absolute; left:-1px; top:-1px;}
#charge_container #charge .tab_on_fix {width:50%; height:25px; background-image:url(../image/common_btn01.png); border:1px solid #0d3a94; color:#ffffff; font-weight:bold; text-align:center; padding-top:7px; float:left; position:absolute; left:50%; top:-1px;}

#charge_container #event_bn 
{height:35px; float:left; border:1px solid #d5d5d5; position:relative;}

#charge_container #cg_board {
	clear: both;
	font-weight: bold;
}
#charge_container #cg_board2 {
	clear: both;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
}
#charge_container #cg_board3 {
	clear: both;
	font-weight: bold;
}
#charge_container #cg_board .charge_title {height:30px; background-color:#f9f9f9; border-bottom:1px solid #d4d4d4; width:100%; clear:both;}
#charge_container #cg_board .charge_title ul {margin:0; padding:0;}
#charge_container #cg_board .charge_title ul li.td_first{
	height: 24px;
	float: left;
	color: #333;
	font-size: 95%;
	text-align: left;
	padding-top: 6px;
} 
#charge_container #cg_board .colyellow{
	color:#98be4a;
	}
#charge_container #cg_board .charge_title ul li.td_first2{height:24px; float:left; border-right:1px solid #f4f4f4; color:#333; font-size:95%; text-align:right; padding-top:6px;} 
#charge_container #cg_board .charge_title ul li.td_last{height:24px; float:left; color:#333; font-size:95%; text-align:center; padding-top:6px;}
#charge_container #cg_board .charge_title ul li.td_last2{height:24px; float:right; color:#333; font-size:95%; text-align:center; padding-top:6px;}

#charge_container #cg_board .charge_num_top {
	height: 35px;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
	width: 100%;
	clear: both;
}
#charge_container #cg_board .charge_num_top ul {margin:0; padding:0;}
#charge_container #cg_board .charge_num_top ul li.td_mypage01 {
	margin-left:2%;
	height: 35px;
	line-height:35px;
	float: left;
	text-align: left;
	color: #666666;
}
#charge_container #cg_board .charge_num_top ul li.td_mypage02 {
	height: 35px;
	line-height:35px;
	float: left;
	text-align: left;
}
#charge_container #cg_board .charge_num_top ul li.td_mypage02_1 {
	height: 25px;
	float: left;
	text-align: left;
	padding-top: 9px;
}
#charge_container #cg_board .charge_num_top ul li.td_mypage03 {
	height: 23px;
	float: left;
	text-align: left;
	padding-top: 6px;
}
#charge_container #cg_board .charge_num_top ul li.td_radio {
	height: 26px;
	float: left;
	text-align: left;
	padding-top: 6px;
}
#charge_container #cg_board .charge_num_top ul li.td_first {
	height: 24px;
	float: left;
	color: #777;
	text-align: center;
	padding-top: 10px;
	font-size: 95%;
}
#charge_container #cg_board .charge_num_top ul li.td_last {
	height: 24px;
	float: left;
	color: #777;
	text-align: left;
	padding-top: 10px;
	font-size: 90%;
}
#charge_container #cg_board2 .charge_num_cash {
	height: 25px;
	background-color: #ffffff;
	border-bottom: 1px solid #d4d4d4;
	width: 100%;
	clear: both;
}
#charge_container #cg_board2 .charge_num_cash ul {margin:0; padding:0;}
#charge_container #cg_board2 .charge_num_cash ul li.td_radio {
	height: 20px;
	float: left;
	text-align: left;
	padding-top: 5px;
	color: #777;
	padding-left: 5px;
}
#charge_container #cg_board2 .charge_num_cash ul li.td_first {
	height: 20px;
	float: left;
	color: #777;
	text-align: left;
	padding-top: 5px;
	font-size: 95%;
	background-color: #F9F9F9;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d4d4d4;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d4d4d4;
}
#charge_container #cg_board2 .charge_num_cash li.td_last {
	height: 28px;
	float: left;
	color: #777;
	text-align: left;
	padding-top: 8px;
	font-size: 90%;
}





#charge_container #cg_board3 .charge_num_cash {
	height: 22px;
	background-color: #ffffff;
	width: 100%;
	clear: both;
	text-align: center;
}
#charge_container #cg_board3 .charge_num_cash ul {margin:0; padding:0;}
#charge_container #cg_board3 .charge_num_cash ul li.td_radio {
	height: 15px;
	float: left;
	text-align: left;
	color: #777;
	font-size: 88%;
	padding-top: 2px;
}
#charge_container #cg_board3 .charge_num_cash ul li.td_first {
	height: 20px;
	float: left;
	color: #777;
	text-align: center;
	padding-top: 5px;
	font-size: 95%;
	background-color: #F9F9F9;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d4d4d4;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d4d4d4;
}
#charge_container #cg_board3 .charge_num_cash li.td_last {
	height: 28px;
	float: left;
	color: #777;
	text-align: left;
	padding-top: 8px;
	font-size: 90%;
}





#charge_container #cg_board .charge_num_bottom {height:35px; background-color:#ffffff; width:100%; clear:both;}
#charge_container #cg_board .charge_num_bottom ul {margin:0; padding:0;}
#charge_container #cg_board .charge_num_bottom ul li.td_radio {
	height: 24px;
	float: left;
	text-align: left;
	padding-top:6px;
}
#charge_container #cg_board .charge_num_bottom ul li.td_first {
	height: 24px;
	float: left;
	color: #777;
	padding-top: 10px;
	font-size: 95%;
	text-align: center;
	padding-bottom: 0px;
}
#charge_container #cg_board .charge_num_bottom ul li.td_last {
	height: 24px;
	float: left;
	color: #777;
	text-align: left;
	padding-top: 10px;
	font-size: 95%;
}

#charge_container #cg_board .col333 {color:#333;}
#charge_container #cg_board .colred {
	color: #5678C1;
}
#charge_container #cg_board .colblue {
	color: #3D61AA;
	text-align: left;
}
#charge_container #cg_board .colblue2 {
	color: #1b66bb;
	text-align: left;
	padding-top: 4px;
}

#charge_container  #cg_info {height:35px; clear:both; text-align:right; padding-top:10px; font-size:78%; color:#777;}

#charge_container .total_box {
	background-color: #f2f2f2;
	border: 1px solid #cacaca;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#charge_container .total_box2 {
	background-color: #f2f2f2;
	border: 1px solid #cacaca;
	clear: both;
	margin: 10px 0;
	text-align: center;
	padding: 10px;
}
#charge_container .total_box ul {margin:5px;}
#charge_container .total_box ul li {
	line-height: 20px;
	color: #777777;
	font-weight: bold;
	float: none;
	font-size: 90%;
}
#charge_container .total_box .font_c {
	color: #3D61AA;
}
#charge_container .total_box .col1 {color:#6c37c6;}
#charge_container .total_box .col2 {
	color: #4C78E4;
}

#charge_container #cg_btn {
	margin: 0;
	padding-top: 10px;
	clear: both;
	padding-bottom: 25px;
	text-align: center;
}



#charge_container #cg_notice {width:100%; padding:0; margin-top:10px; clear:both;}
#charge_container #cg_notice .notice_box {background-color:#f9f9f9; border:1px solid #dddddd;}
#charge_container #cg_notice .notice_box ul {margin:10px;}
#charge_container #cg_notice .notice_box ul li {line-height:18px; font-size:90%; float:none; color:#555;}


#charge_container .my_cginfo_title {height:23px; padding-top:12px; font-size:110%; color:#333; font-weight:bold; clear:both;}

#charge_container .board_cginfo {width:100%; clear:both;}
#charge_container .board_cginfo p {font-size:88%; color:#666;  margin-left:2px; margin-bottom:10px;}
#charge_container .board_cginfo .board01 {width:100%; height:35px; float:left; border:1px solid #d5d5d5; position:relative;}
#charge_container .board_cginfo .board01 ul {margin:9px 0 0 110px; padding:0;}
#charge_container .board_cginfo .board01 p {margin:9px 0 0 110px; color:#333; font-weight:bold;}

#charge_container .board_cginfo .board02 {width:100%; height:35px; float:left; border:1px solid #d5d5d5; border-top:none; position:relative;}
#charge_container .board_cginfo .board02 p {margin:9px 0 0 110px; color:#333; font-weight:bold;}

#charge_container .board_cginfo .board03 {width:100%; height:35px; float:left; border:1px solid #d5d5d5; position:relative;}
#charge_container .board_cginfo .board03 p {margin:4px 0 0 110px; color:#333; font-weight:bold;}
#charge_container .board_cginfo .board03 input {background-color:#f9f9f9; border:1px solid #c5c5c5; font-size:100%; width:65px; height:20px;}
#charge_container .board_cginfo .board_title {width:90px; height:26px; background-color:#f9f9f9; border:1px solid #d5d5d5; font-size:95%; font-weight:bold; position:absolute; left:-1px; top:-1px; padding:9px 0 0 10px;}

#charge_container .board_cginfo .board04 {width:100%; height:35px; float:left; border:1px solid #d5d5d5; border-top:none; position:relative;}
#charge_container .board_cginfo .board04 ul {margin:9px 0 0 110px; padding:0;}
#charge_container .board_cginfo .board04 p {margin:9px 0 0 110px; color:#333; font-weight:bold;}
#charge_container .board_cginfo .board04 ul li.radio {float:left;}
#charge_container .board_cginfo .board04 ul li.text {color:#333; font-weight:bold; float:left; margin-right:10px;}
#charge_container .board_cginfo .board04 .t_input {background-color:#f9f9f9; border:1px solid #c5c5c5; font-size:100%; width:150px; height:20px;}

#charge_container .board_cginfo .board05 {width:100%; height:35px; float:left; border:1px solid #d5d5d5; border-top:none; position:relative; margin-bottom:10px;}
#charge_container .board_cginfo .board05 p {margin:4px 0 0 110px; color:#333; font-weight:bold;}
#charge_container .board_cginfo .board05 input {background-color:#f9f9f9; border:1px solid #c5c5c5; font-size:100%; width:150px; height:20px;}
#charge_container .board_cginfo .board_title {width:90px; height:26px; background-color:#f9f9f9; border:1px solid #d5d5d5; font-size:95%; font-weight:bold; position:absolute; left:-1px; top:-1px; padding:9px 0 0 10px;}

#charge_container .board_cginfo .board06 {width:100%; height:35px; float:left; border:1px solid #d5d5d5; position:relative; margin-bottom:8px;}
#charge_container .board_cginfo .board06 p {margin:4px 0 0 110px; color:#333; font-weight:bold;}
#charge_container .board_cginfo .board06 input {background-color:#f9f9f9; border:1px solid #c5c5c5; font-size:100%; width:150px; height:20px;}
#charge_container .board_cginfo .board_title {width:90px; height:26px; background-color:#f9f9f9; border:1px solid #d5d5d5; font-size:95%; font-weight:bold; position:absolute; left:-1px; top:-1px; padding:9px 0 0 10px;}

#charge_container .board_cginfo .board07 {width:100%; float:left; border:1px solid #d5d5d5; position:relative; margin-bottom:8px;  }
#charge_container .board_cginfo .board07 p {padding-top:8px; text-align:center; color:#333; font-size:95%; font-weight:bold;}
#charge_container .board_cginfo .board07 input {background-color:#f9f9f9; border:1px solid #c5c5c5; font-size:100%; width:150px; height:20px;}



#charge_container #cg_yak {width:100%; height:30px; background-color:#f6f6f6; border:1px solid #e3e3e3; clear:both; margin-top:10px;}
#charge_container #cg_yak p {float:left; color:#777; font-size:90%; font-weight:bold; margin:6px 0 0 10px;}
#charge_container #cg_yak label {float:right; margin-right:10px; width:44px; height:15px; background-color:#999; text-align:center; color:#fff; font-size:88%; font-weight:bold; letter-spacing:-1px; margin-top:7px; cursor:hand;}

#charge_container #cg_re {width:100%; height:30px; background-color:#f6f6f6; border:1px solid #e3e3e3; clear:both; margin-top:10px;}
#charge_container #cg_re p {float:left; color:#777; font-size:90%; font-weight:bold; margin:6px 0 0 10px;}
#charge_container #cg_re label {float:right; margin-right:10px; width:80px; height:15px; background-color:#999; text-align:center; color:#fff; font-size:88%; font-weight:bold; letter-spacing:-1px; margin-top:7px; cursor:hand;}

#charge_container .btnbox {width:100%; padding:0; margin:0;}
#charge_container .btnbox .btn_after {margin:0 auto; width:50%; text-align:center;}

#charge_container #cg_num {width:100%; background-color:#f6f6f6; border:1px solid #d1d1d1; clear:both; margin:10px 0;}
#charge_container #cg_num .num_box {width:180px; margin:0 auto; padding:10px 0; text-align:center;}
#charge_container #cg_num .num_box ul {margin:0;}
#charge_container #cg_num .num_box ul li.num_loading {float:none; text-align:center;}
#charge_container #cg_num .num_box ul li.num_text {float:none; text-align:center; font-size:88%; color:#333; line-height:16px; padding:5px 0;}
#charge_container #cg_num .num_box ul li.num_sms {float:none; text-align:center;}
#charge_container #cg_num .num_box ul li.num_sms .num_btn {width:110px; height:19px; background-image:url(../image/cg_sms_btn.gif); border:1px solid #bdb9b9; text-align:center; font-size:90%; color:#4b7ce0; font-weight:bold;}


#charge_container .fix_special_box {width:100%; margin-bottom:10px; padding:0; clear:both; position:relative;}
#charge_container .fix_special_box .special_title {height:30px; background-image:url(../image/fix_special_bg.png); border:1px solid #d1d1d1; border-bottom:1px dotted #d1d1d1; text-align:center;}
#charge_container .fix_special_box .special_title p {margin:6px auto 0 auto; color:#333; font-weight:bold; font-size:90%;}
#charge_container .fix_special_box .special_info {padding:15px 0 7px 0; background-color:#ffffff; border:1px solid #d1d1d1; border-top:none; overflow:hidden;}
#charge_container .fix_special_box .special_info .info_text {float:left; text-align:left;}
#charge_container .fix_special_box .special_info .info_text ul {margin:0; padding:0;}
#charge_container .fix_special_box .special_info .info_text ul li {height:16px; font-size:85%; letter-spacing:-0.1em; color:#333; font-weight:bold; float:none;}
#charge_container .fix_special_box .special_info .info_text img {margin:0 3px 3px 6px;}
#charge_container .fix_special_box .special_info .info_img {float:right; text-align:right;}
#charge_container .fix_special_box .special_info .info_img img {margin-right:6px;}
#charge_container .fix_best {width:33px; height:41px; position:absolute; left:3px; top:3px;}

.fix_info {background-color:#f9f9f9; border-bottom:1px solid #dddddd; margin-bottom:10px;}
.fix_info p {font-size:90%; color:#555; line-height:18px; padding:10px;}

#charge_container .my_totalcg_box {width:100%; padding:0; margin:0;}
#charge_container .my_totalcg {background-color:#f6f9ff; border:1px solid #e5e7ec; padding:15px 0 15px 0; margin:0 auto; text-align:center;}
#charge_container .my_totalcg ul {margin:0; padding:0;}
#charge_container .my_totalcg ul li.totalpay { font-size:110%; color:#333; font-weight:bold; float:none;}
#charge_container .my_totalcg ul li.totalpay_info {font-size:90%; color:#555; font-weight:bold; float:none; margin:3px 0 3px;}

#charge_container .fix_yak {text-align:left; color:#999999; height:33px; padding-top:7px; font-size:88%; clear:both;}


/*--charge_coupon--*/
#charge_container #d_conpon {background-color:#f9f9f9; border:1px solid #aac4d6; margin-bottom:10px;}
#charge_container #d_conpon .d_couponarea {margin:0 10px;}
#charge_container #d_conpon .d_couponarea ul {margin:0; padding:0;}
#charge_container #d_conpon .d_couponarea ul li.my_coupon {height:24px; font-size:110%; color:#333; font-weight:bold; padding-top:7px; float:none;}
#charge_container #d_conpon .d_couponarea ul li.c_select {height:35px; float:none;}
#charge_container #d_conpon .d_couponarea ul li.c_select select {font-size:100%; width:100%;}
#charge_container #d_conpon .d_couponarea ul li.c_arrow {height:15px; text-align:center; border-bottom:1px dotted #d8d8d8; float:none;}
#charge_container #d_conpon .d_couponarea ul li.last_pay {height:29px; background-color:#ffffff; border-bottom:1px solid #c2c2c2; border-top:1px solid #c2c2c2; text-align:center; font-size:120%; color:#333; font-weight:bold; padding-top:8px; float:none; margin-bottom:10px;}
#charge_container #d_conpon .d_couponarea ul li.last_pay span {color:#d65e5e;}

/*--pay_result--*/
#charge_container .p_result_title {height:23px; padding-top:12px; color:#333; font-weight:bold; clear:both;}

.charge_banner {margin-bottom:8px; margin-top:-1px; text-align:center; padding:10px 8%; background-color:#3D61AA; color:#fff; font-size:110%; line-height:160%;}
.charge_banner span { font-weight:bold;}


#coupon_table {width:100%; }
#coupon_table .coupon_tr {width:100%; height:45px; border-bottom:1px solid #e6e6e6;}
#coupon_table .coupon_tr ul {margin-left:10px;}
#coupon_table .coupon_tr ul li.subject {width:93px; color:#333; font-weight:bold; margin-top:15px; float:left;}
#coupon_table .coupon_tr ul li.subject2 {width:14px; color:#333; font-weight:bold; margin-top:15px; float:left; text-align:center;}
#coupon_table .coupon_tr ul li.answer_p{height:25px; margin-top:9px; float:left; position:relative; font-weight:bold; margin-right:20px;}
#coupon_table .coupon_tr ul li.answer_n {width:196px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:9px; float:left; position:relative;}
#coupon_table .coupon_tr ul li.answer_n input {width:181px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#coupon_table .coupon_tr ul li.answer_n2 {width:90px; height:25px; background-color:#f9f9f9; border:1px solid #dddddd; margin-top:9px; float:left; position:relative;}
#coupon_table .coupon_tr ul li.answer_n2 input {width:75px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}
#coupon_table .coupon_tr ul li.answer_n3 {width:88px; height:25px; background-color:#f9f9f9; border:2px solid #fa8080; margin-top:9px; float:left; position:relative;}
#coupon_table .coupon_tr ul li.answer_n3 input {width:73px; border:none; margin:3px 0 0 0; background-color:#f9f9f9; font-weight:bold; font-size:95%; color:#666;}

#cp_container {margin-left:10px; margin-right:10px;}
#cp_container #cpbtn {width:100%; clear:both; margin:0;}
#cp_container #cpbtn .cp_btnbox {padding:10px 0;}
#cp_container #cpbtn .cp_btnbox ul li {margin-bottom:5px;}

#cp_container #cp_notice {width:100%; clear:both;}
#cp_container #cp_notice .ntbox {background-color:#f9f9f9; border:1px solid #dddddd;}
#cp_container #cp_notice .ntbox ul {margin:10px;}
#cp_container #cp_notice .ntbox ul li.cp_nttitle {height:22px; color:#333; font-weight:bold; font-size:110%; float:none;}
#cp_container #cp_notice .ntbox ul li.cp_ntlist {line-height:18px; color:#333; font-size:90%; float:none;}



/*--page_ttl--*/
#page_ttl {
	width: 100%;
	clear: both;
	background-color: #FFFFFF;
}
#page_ttl p {
	margin-left: 9px;
	padding: 7px 0;
	font-size: 120%;
	color: #3d61aa;
	font-weight: bold;
}


/*--mypage_view--*/
#myview_notice {width:100%; border-bottom:1px solid #cfcfcf; background-color:#f9f9f9; padding:10px 0 7px 0;}
#myview_notice ul {margin:0 10px;}
#myview_notice ul li {font-size:95%; color:#555; float:none; line-height:15px; margin-bottom:2px; font-weight:bold;}
#myview_notice ul li span {color:#4b7ce0;}

#myview_container {width:100%; clear:both; padding:0; margin-bottom:10px;}
#myview_list {
	width: 100%;
	border-bottom: 1px solid #cfcfcf;
	height: 89px;
	padding-top: 10px;
	list-style: none
}
#myview_list .nolist {width:100%; text-align:center; color:#555; font-size:90%; margin-top:30px;}
#myview_list .viewlist {width:75%; float:left; margin-left:10px;}
#myview_list .viewlist ul {padding:0; margin:0;}
#myview_list .viewlist ul li.myview_title {width:100%; height:33px; color:#000; font-weight:bold; line-height:16px; float:none; text-align:left; margin-bottom:6px; text-overflow:ellipsis; overflow:hidden; margin:0 0 5px 0; word-break:break-all;}
#myview_list .viewlist ul li.myview_title img {margin:0 3px 3px 0;}
#myview_list .viewlist ul li.myview_contents {width:100%; color:#777; font-size:88%; font-weight:bold; height:14px; text-align:left;}

#myview_list .viewlist_btn {
	float: right;
	width: 43px;
	margin-right: 10px;
}
#myview_list .viewlist_btn ul {padding:0; margin-top:7px; text-align:right;}
#myview_list .viewlist_btn li {width:43px; height:30px; float:none;}


/*--mypage_main--*/
#my_main {width:100%; padding:0; margin:0; clear:both;}
#my_main .main_tr {height:45px; border-bottom:1px solid #cccccc; clear:both;}
#my_main .main_tr ul {margin:0 10px;}
#my_main .main_tr ul li.my_menu {color:#333; font-weight:bold; float:left; display:inline-block; margin-top:15px; font-size:110%;}
#my_main .main_tr ul li.my_arrow {float:right; display:inline-block; margin-top:15px;}
#my_main .main_tr a:link,a:visited,a:hover {color:#333;}


/*--mypoint--*/
#mypoint_info_title {width:100%; background-color:#f0f0f0; border-bottom:1px dotted #d5d3d3; padding:10px 0; clear:both;}
#mypoint_info_title p {margin:0 10px; color:#000; font-weight:bold;}
#mypoint_info_title span {color:#4f5d81;}
#mypoint_info {width:100%; background-color:#ffffff; border-bottom:1px solid #d5d3d3; padding:10px 0; margin-bottom:10px 0; overflow:hidden;}
#mypoint_info ul {margin:0 10px;}
#mypoint_info ul li.mypoint {color:#000; font-weight:bold; float:left;}
#mypoint_info ul li.mypoint img {margin:0 3px 3px 0;}
#mypoint_info ul li.mypoint_line {color:#cccccc; padding:0 7px; float:left;}

#mypoint_tab_container {margin:0 10px;}
#mypoint_tab_container #pointlist {width:100%; height:32px; background-image:url(../image/common_btn02.png); border:1px solid #e0e0e0; clear:both; position:relative;}
#mypoint_tab_container #pointlist ul {padding:0; margin-top:7px;}
#mypoint_tab_container #pointlist ul li.tab_use {width:50%; float:left; text-align:center; color:#333; font-weight:bold;}
#mypoint_tab_container #pointlist ul li.tab_save {width:50%; float:right; text-align:center; color:#333; font-weight:bold;}
#mypoint_tab_container #pointlist .tab_on_use {width:50%; height:25px; background-image:url(../image/common_btn01.png); border:1px solid #0d3a94; color:#ffffff; font-weight:bold; text-align:center; padding-top:7px; float:left; position:absolute; left:-1px; top:-1px;}
#mypoint_tab_container #pointlist .tab_on_save {width:50%; height:25px; background-image:url(../image/common_btn01.png); border:1px solid #0d3a94; color:#ffffff; font-weight:bold; text-align:center; padding-top:7px; float:left; position:absolute; left:50%; top:-1px;}

#mypoint_text {width:100%; height:20px; padding-top:13px; clear:both;}
#mypoint_text p {color:#555; text-align:right; float:right; margin-right:10px; font-size:95%;}
#mypoint_text img {margin:0 3px 3px 0;}

#mypoint_board_container {margin:0 10px;}
#mypoint_board_container #mypoint_board {clear:both;}
#mypoint_board_container #mypoint_board img {margin:0 3px 2px 10px;}

#mypoint_page {margin:0 10px; padding-top:10px; clear:both;}


/*--board--*/
.colLine {float:left; border:1px solid #d4d4d4; width:100%; font-size:90%; margin-bottom:20px;}
.tdFirst {float:left; border-bottom:1px solid #d4d4d4; padding-top:6px;}
.tdLast {float:left; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; padding-top:6px; text-overflow:ellipsis; overflow:hidden; word-break:nowrap; white-space:nowrap;}
.tdBottom {float:left; border-left:1px solid #d4d4d4; padding-top:6px;text-overflow:ellipsis; overflow:hidden; word-break:nowrap; white-space:nowrap;}


/*--qna--*/
#qna_btnarea {margin:0 10px; padding-top:20px;}
#my_qna_infoarea {margin:0 10px;}
#my_qna_infoarea .qna_info {height:17px; border-bottom:2px solid #a09d9d;font-size:88%; color:#777; font-weight:bold; padding-top:23px;}
#my_qna_infoarea .qna_end {color:#2d5ab5;}
#my_qna_infoarea .qna_ing {color:#4b7ce0;}

#qna_list_container {margin:0 10px;}
#qna_list_container .qna_list {height:45px; border-bottom:1px solid #e7e7e7; clear:both;}
#qna_list_container .qna_list ul {margin-top:13px; padding:0;}
#qna_list_container .qna_list ul li.qna_title {width:100%; color:#333; font-weight:bold; height:20px; text-overflow:ellipsis; overflow:hidden; word-break:nowrap; white-space:nowrap; float:none;}
#qna_list_container .qna_list ul li.qna_title  a:link,a:visited,a:hover {color:#333;}
#qna_list_container .qna_list ul li.qna_date {color:#999; font-size:88%; font-weight:bold; float:none;}
#qna_list_container .qna_list ul li.nolist {width:100%; text-align:center; color:#555; font-size:90%; margin-top:30px; height:88px;}
#qna_list_container .qna_list .qna_end {color:#2d5ab5;}
#qna_list_container .qna_list .qna_ing {color:#4b7ce0;}
#qna_list_container .qna_list .qna_line {color:#d6d6d6; font-weight:normal;}

#qna_page {margin:0 10px; padding-top:10px; clear:both;}

#qna_read_container {margin:0 10px;}
#qna_read_container .readtitle {height:62px; border-bottom:2px solid #a09d9d; clear:both;}
#qna_read_container .readtitle ul {padding-top:17px;}
#qna_read_container .readtitle ul li.r_title {width:100%; color:#333; font-weight:bold; height:22px; text-overflow:ellipsis; overflow:hidden; word-break:nowrap; white-space:nowrap; float:none;}
#qna_read_container .readtitle ul li.r_title img {margin-right:5px;}
#qna_read_container .readtitle ul li.r_date {margin-left:23px; color:#999; font-size:88%; font-weight:bold; float:none;}
#qna_read_container .readtitle .r_line {color:#d6d6d6; font-weight:normal;}

#qna_read_container .read_user_mobile {background-color:#f9f9f9; border:1px solid #dbdbdb; height:25px; color:#333; font-weight:bold; clear:both; margin:10px 0; padding-top:7px;}
#qna_read_container .user_text {padding-bottom:15px; border-bottom:1px dotted #c6c6c6; font-size:90%; line-height:18px; word-break:break-all; text-align:left;}

#qna_read_container .read_contents {padding:10px 0; clear:both;}
#qna_read_container .read_contents ul {padding:0; margin:0;}
#qna_read_container .read_contents ul li.c_title {width:100%; height:30px; color:#333; font-weight:bold;}
#qna_read_container .read_contents ul li.c_title img {margin-right:5px;}
#qna_read_container .read_contents ul li.c_text {color:#555; font-size:90%; line-height:18px; overflow:hidden; word-break:break-all; text-align:left; float:none; margin-bottom:20px;}

#qna_read_btn {width:100%; clear:both;}

#qna_write_container {margin:0 10px;}

#qna_write_container #writeform {display:inline-block; width:100%;}
#qna_write_container #writeform fieldset {display:inline-block; width:100%; text-align:left; padding:4px 0;}
#qna_write_container #writeform fieldset .write_area {position:relative; padding:0;}
#qna_write_container #writeform fieldset .write_area .w_title {display:inline-block; outline:none; text-align:left; width:59px; color:#333333; font-weight:bold; padding:2px 0 0 5px; font-size:95%;}
#qna_write_container #writeform fieldset .write_area .w_contents01 {position:relative; padding:0 0 0 60px; font-weight:bold;}
#qna_write_container #writeform fieldset .write_area .w_contents02 {position:relative; padding:0 10px 0 60px; font-weight:bold;}
#qna_write_container #writeform fieldset .write_area .w_contents03 {position:relative; padding:0 0 0 60px; height:30px;}
#qna_write_container #writeform fieldset .write_area .w_contents03 ul {padding:0; margin:0;}
#qna_write_container #writeform fieldset .write_area .w_contents03 ul li.wtext {float:left; font-size:88%; color:#777; padding-top:6px;}
#qna_write_container #writeform fieldset .write_area .w_contents03 ul li.wtext span {color:#000;}
#qna_write_container #writeform fieldset .write_area .w_contents03 ul li.wbtn {float:right; padding:0; margin:0;}
#qna_write_container #writeform fieldset .write_area .w_contents04 {position:relative; padding:0 4px 0 60px; font-weight:bold;}
#qna_write_container #writeform fieldset .write_area .w_contents04 textarea {width:100%; height:170px; border:1px solid #d6d6d6; color:#333; font-size:110%; line-height:18px;}
#qna_write_container #writeform fieldset .write_area input {width:100%; border:1px solid #d6d6d6; padding:0 5px; color:#000; font-size:110%;}
#qna_write_container #writeform fieldset .write_area .hide {position:absolute; left:-9999in; width:1px; height:1px; overflow:hidden;}
#qna_write_container #writeform fieldset .write_area select {width:100%; font-size:100%;}

#qna_write_container #qna_list_btn {width:100%; clear:both; padding-top:10px; padding-bottom:5px}


/*--customer--*/
#customer_tab_container {margin:0 10px; padding-top:10px;}
#customer_tab_container #ct_tab {width:100%; height:32px; background-image:url(../image/common_btn02.png); border:1px solid #e0e0e0; clear:both; position:relative;}
#customer_tab_container #ct_tab ul {padding:0; /*margin-top:7px;*/}
#customer_tab_container #ct_tab ul li.tab_nt {width:50%; float:left; text-align:center; color:#333; font-weight:bold;}
#customer_tab_container #ct_tab ul li.tab_faq {width:50%; float:right; text-align:center; color:#333; font-weight:bold; }
#customer_tab_container #ct_tab .tab_on_nt {
	width: 50%;
	height: 25px;
	background-image: url(../image/common_btn01.png);
	border: 1px solid #a5bef0;
	color: #3d61bc;
	font-weight: bold;
	text-align: center;
	padding-top: 7px;
	float: left;
	position: absolute;
	left: -1px;
	top: -1px;
}
#customer_tab_container #ct_tab .tab_on_faq {
	width: 50%;
	height: 25px;
	background-image: url(../image/common_btn01.png);
	border: 1px solid #a5bef0;
	color: #3d61bc;
	font-weight: bold;
	text-align: center;
	padding-top: 7px;
	float: left;
	position: absolute;
	left: 50%;
	top: -1px;
}

#customer_titlearea {margin:0 10px;}
#customer_titlearea .customer_title {height:25px; border-bottom:2px solid #a09d9d; font-size:110%; font-weight:bold; color:#303c60; margin-top:15px;}

#customer_list_container {margin:0 10px;}
#customer_list_container .customer_list {height:45px; border-bottom:1px solid #e7e7e7; clear:both;}
#customer_list_container .customer_list ul {margin-top:13px; padding:0;}
#customer_list_container .customer_list ul li.customer_title {width:100%; color:#333; font-size:110%; font-weight:bold; height:20px; text-overflow:ellipsis; overflow:hidden; word-break:nowrap; white-space:nowrap; float:none;}
#customer_list_container .customer_list ul li.customer_title  a:link,a:visited,a:hover {color:#333;}
#customer_list_container .customer_list ul li.customer_date {color:#999; font-size:88%; font-weight:bold; float:none; padding-left:23px;}


#customer_titlearea222 {margin:0 10px;}
#customer_titlearea222 .customer_title {height:25px; border-bottom:1px solid #e7e7e7; font-size:110%; font-weight:bold; color:#303c60; margin-top:15px;}
#customer_titlearea222 .customer_title2 {height:28px; line-height:28px; font-size:110%; font-weight:bold; color:#666; float:left; width:100%; text-align:center; background-color:#e7e7e7; height:28px;}

#customer_list_container222 {margin:0 10px;}
#customer_list_container222 .customer_list {height:45px; border-top:1px solid #e7e7e7; clear:both;}
#customer_list_container222 .customer_list ul {margin-top:13px; padding:0;}
#customer_list_container222 .customer_list ul li.customer_title {width:100%; color:#333; font-size:110%; font-weight:bold; height:20px; text-overflow:ellipsis; overflow:hidden; word-break:nowrap; white-space:nowrap; float:none;padding-bottom:10px;}
#customer_list_container222 .customer_list ul li.customer_title3 {width:100%; color:#666; font-size:100%; font-weight:bold;text-overflow:ellipsis; overflow:hidden; word-break:nowrap; white-space:nowrap; float:none;padding-bottom:10px; margin-left:10px;}
#customer_list_container222 .customer_list ul li.customer_title3 img {margin-right:4px; vertical-align:middle;}
#customer_list_container222 .customer_list ul li.customer_title  a:link,a:visited,a:hover {color:#333;}
#customer_list_container222 .customer_list ul li.customer_contents {width:100%; color:#333; font-size:90%; line-height:160%; float:left;padding-bottom:15px;}
#customer_list_container222 .customer_list ul li.customer_contents2 {width:100%; color:#333; font-size:90%;float:left;padding-bottom:15px;margin-left:30px;line-height:200%;  }
#customer_list_container222 .customer_list ul li.customer_contents2 img {vertical-align:middle; margin-right:4px; }
#customer_list_container222 .customer_list ul li.customer_date {color:#999; font-size:88%; font-weight:bold; float:left; padding-left:20px;padding-bottom:5px;}


#customer_page {margin:0 10px; padding-top:10px; clear:both;}

#customer_read_container {margin:0 10px;}
#customer_read_container .readtitle {height:62px; border-bottom:2px solid #a09d9d; clear:both;}
#customer_read_container .readtitle ul {padding-top:17px;}
#customer_read_container .readtitle ul li.r_title {width:100%; color:#333; font-size:120%; font-weight:bold; height:22px; text-overflow:ellipsis; overflow:hidden; word-break:nowrap; white-space:nowrap; float:none;}
#customer_read_container .readtitle ul li.r_title img {margin-right:5px;}
#customer_read_container .readtitle ul li.r_date {color:#999; font-size:88%; font-weight:bold; float:none;}
#customer_read_container .readtitle .r_line {color:#d6d6d6; font-weight:normal;}


#customer_read_container .read_contents {padding:10px 0; clear:both;}
#customer_read_container .read_contents ul {padding:0; margin:0;}
#customer_read_container .read_contents ul li.c_title {width:100%; height:30px; color:#333; font-weight:bold;}
#customer_read_container .read_contents ul li.c_title img {margin-right:5px;}
#customer_read_container .read_contents ul li.c_text {color:#555; font-size:100%; line-height:18px; overflow:hidden; word-break:break-all; text-align:left; float:none; margin-bottom:20px;}

#customer_read_container #customer_read_btn {width:100%; clear:both;}

/*#cont_more { text-align: center; padding-top: 25px; padding-bottom: 25px;  }*/
#cont_more {
	height: 55px;
	text-align: center;
	border-top: #ffffff 1px solid;
	margin-top: -1px;
	background-color: #f4f4f4;
}
#cont_more .page {
	width: 40%;
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 100%;
	float: left;
	padding-top: 25px;
	padding-bottom: 25px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #d8d8d8;
}
#cont_more .page2 {
	width: 40%;
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 100%;
	float: left;
	padding-top: 25px;
	padding-bottom: 25px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #f4f4f4;
}
#cont_more .page a:link,a:visited,a:hover {
	color: #333;
	text-decoration: none;
}
#cont_more .page img {margin-top:-4px; margin-right:4px;}
#cont_more .top {
	width: 19%;
	height: 47px;
	text-align: center;
	color: #777;
	font-size: 82%;
	float: right;
	padding-top: 17px;
	border-left: #d8d8d8 1px solid;
}
#cont_more #cont_more_target .page img {margin-top:-4px; margin-right:4px;}

/*--message--*/

#message_tab_container {
	margin: 0 10px;
	padding-top: 10px;
	text-align: left;
	border-bottom:1px  #3D61AA solid;	
}


#message_tab_container {
	margin: 0 10px;
	padding-top: 10px;
}
#message_tab_container #ct_tab {width:100%; height:32px; background-image:url(../image/common_btn02.png); border:1px solid #e0e0e0; clear:both; position:relative;}
#message_tab_container #ct_tab ul {padding:0; margin-top:7px;}
#message_tab_container #ct_tab ul li.tab_01 {width:33%; float:left; text-align:center; color:#333; font-weight:bold;}
#message_tab_container #ct_tab ul li.tab_02 {
	width: 33%;
	float: left;
	text-align: center;
	color: #333;
	font-weight: bold;
}
#message_tab_container #ct_tab ul li.tab_03 {
	width: 33%;
	float: right;
	text-align: center;
	color: #333;
	font-weight: bold;
}
#message_tab_container #ct_tab .tab_on_01 {
	width: 33%;
	height: 25px;
	background-image: url(../image/common_btn01.png);
	border: 1px solid #0d3a94;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding-top: 7px;
	float: left;
	position: absolute;
	left: -1px;
	top: -1px;
}
#message_tab_container #ct_tab .tab_on_02 {
	width: 33%;
	height: 25px;
	background-image: url(../image/common_btn01.png);
	border: 1px solid #0d3a94;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding-top: 7px;
	float: right;
	position: absolute;
	top: -1px;
}
#message_tab_container #ct_tab .tab_on_03 {
	width: 33%;
	height: 25px;
	background-image: url(../image/common_btn01.png);
	border: 1px solid #0d3a94;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding-top: 7px;
	float: right;
	position: absolute;
	left: auto;
	top: -1px;
}
/*--message--*/

/*-------*/
section#topSearch #searchform {margin-bottom:5px;}
section#topSearch form {}
section#topSearch form input {
	font-size: 12px;
	font-weight: bold;
	width: 90%;
	height: 22px;
	margin-left:2px;
	padding-left:2px;
	float: left;
	border: 0;
}
section#topSearch form #nomal {
	color: #666666;
	font-size: 90%;
	font-weight: bold;
	width: 40px;
	font-family: 'NanumGothicWeb', '³ª´®°íµñ', 'Malgun Gothic', '¸¼Àº°íµñ', dotum, 'µ¸¿ò', sans-serif;
	height: 25px;
	margin-left: 2px;
}
section#topSearch form #iphone { margin: 0; border: 1px solid #2c3a5e; background-color:#2c3a5e; color:#dedede; font-size: 110%; font-weight:bold; height: 29px; position: absolute; right: 10px; top: 5px; width: 55px; }
section p.resultNoMsg { display: block; margin: 120px auto; text-align: center; }


/*--link--*/
#link_tab_container {margin:0 10px; clear:both; margin-top:10px;}
#link_tab_container #mobile {width:100%; height:32px; background-image:url(../image/common_btn02.png); border:1px solid #e0e0e0; clear:both; position:relative;}
#link_tab_container #mobile ul {padding:0;}
#link_tab_container #mobile ul li.tab_line {width:2px; float:left}
#link_tab_container #mobile ul li.tab_and {width:33%; float:left; text-align:center; color:#333; font-weight:bold; margin-top:7px; position:relative;}
#link_tab_container #mobile ul li.tab_gal {width:33%; float:left; text-align:center; color:#333; font-weight:bold; margin-top:7px; position:relative;}
#link_tab_container #mobile ul li.tab_iph {width:32.9%; float:left; text-align:center; color:#333; font-weight:bold; margin-top:7px; position:relative;}
#link_tab_container #mobile ul li.tab_and .tab_on_and {width:100%; height:25px; background-image:url(../image/common_btn01.png); border:1px solid #0d3a94; color:#ffffff; font-weight:bold; text-align:center; padding-top:7px; float:left; position:absolute; left:0; top:-8px;}
#link_tab_container #mobile ul li.tab_gal .tab_on_gal {width:100%; height:25px; background-image:url(../image/common_btn01.png); border:1px solid #0d3a94; color:#ffffff; font-weight:bold; text-align:center; padding-top:7px; float:left; position:absolute; left:0%; top:-8px;}
#link_tab_container #mobile ul li.tab_iph .tab_on_iph {width:100%; height:25px; background-image:url(../image/common_btn01.png); border:1px solid #0d3a94; color:#ffffff; font-weight:bold; text-align:center; padding-top:7px; float:left; position:absolute; left:0; top:-8px;}

#link_container {margin:0 10px; clear:both;}
#link_container .mobile_flow {margin:0 auto; padding:15px 0; border-bottom:1px dotted #d6d6d6; clear:both;}
#link_container .mobile_flow ul {margin:0; padding:0;}
#link_container .mobile_flow ul li.cap {text-align:center; float:none;}
#link_container .mobile_flow ul li.cap_text {color:#333; float:none; text-align:center; width:250px; margin:0 auto; line-height:17px; padding-top:10px;}


/*--*/
#layer_pop{width:80%; margin:0 auto; border:#000000 1px solid; }
#layer_pop #container1{width:100%; margin:0 auto; background-color:#c00808;}
#layer_pop #container1 .pop_conf_ttl{height:30px; color:#FFFFFF; font-size:130%; font-weight:bold; border-bottom:#9b0000 2px solid; padding:10px 10px 3px 10px;}
#layer_pop #container1 .pop_conf{color:#FFFFFF; font-size:125%; font-weight:bold; border-top:#d35353 1px solid; border-bottom:#9b0000 2px solid; padding:15px 10px 20px 10px;}

#layer_pop #container2{width:100%; height:60px; margin:0 auto; background-color:#efefef; padding-top:20px;}
#layer_pop #container2 .pop_conf_btn{width:90%; clear:both; margin:0 auto; }
.common_btn_white2 {
	width: 100%;
	height: 36px;
	background-color: #f3f3f4;
	background-image: url(../image/common_btn02.png);
	text-align: center;
	border: 1px solid #c9c9c9;
	color: #555555;
	font-weight: bold;
	font-size: 115%;
	border-radius: 0px;
}
.common_btn_white3 {
	width: 100%;
	height: 57px;
	background-color: #f3f3f4;
	background-image: url(../image/common_btn05.png);
	text-align: center;
	border: 1px solid #c9c9c9;
	color: #555555;
	font-weight: bold;
	font-size: 115%;
	border-radius: 0px;
}

/*----*/
#wrap #fileinfo_container .fileinfo_textarea .file_infomation_text {
	font-family: 'NanumGothicWeb', '³ª´®°íµñ', 'Malgun Gothic', '¸¼Àº°íµñ', dotum, 'µ¸¿ò', sans-serif;
	font-size: 11px;
	background-color: #ececec;
	float: left;
	height: 20px;
	border: 1px solid #e1e1e1;
	font-weight: bold;
	padding-top: 8px;
	color: #636363;
	text-align: center;
}

#wrap #fileinfo_container .fileinfo_textarea .file_infomation_text2 {
	font-family: 'NanumGothicWeb', '³ª´®°íµñ', 'Malgun Gothic', '¸¼Àº°íµñ', dotum, 'µ¸¿ò', sans-serif;	font-size: 11px;
	background-color: #ffffff;
	float: left;
	height: 20px;
	border: 1px solid #B5B5B5;
	font-weight: bold;
	padding-top: 8px;
	color: #636363;
	text-align: left;
}
#wrap #fileinfo_container .fileinfo_textarea .file_infomation_text3 {
	font-family: 'NanumGothicWeb', '³ª´®°íµñ', 'Malgun Gothic', '¸¼Àº°íµñ', dotum, 'µ¸¿ò', sans-serif;	font-size: 11px;
	background-color: #ffffff;
	float: left;
	height: 16px;
	border: 1px solid #B5B5B5;
	font-weight: bold;
	padding-top: 5px;
	color: #999999;
}


/*---------*/
#download_page {
	clear: both;
	background-color: #ededed;
	padding: 10px;
	line-height: 180%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;
}
#download_top {
	padding-top: 5px;
	clear: both;
	background-color: #3d3d3d;
	height: 57px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #83b600;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #1a1a1a;
}
#download_img {
	clear: both;
	height: 200px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;
	/* background-image: url(../image/download_bg_img.png); */
	background-color:#777;
	text-align: center;
}
#download_star {
	padding-top: 5px;
	clear: both;
	height: 40px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c8c8c8;
	/* background-image: url(../image/download_bg.png); */
}
#contents_view_form {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-left-color: #e1e1e1;
	border-top-width: 0px;
	border-right-width: 8px;
	border-bottom-width: 10px;
	border-left-width: 8px;
	
}
.playlist_chk
{
	
	width:94%;
	cursor:pointer;
	display:inline-block;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
	background-image: -moz-linear-gradient(top, #fff, #f1f1f1);
	background-image: -ms-linear-gradient(top, #fff, #f1f1f1);
	background-image: -o-linear-gradient(top, #fff, #f1f1f1);
	background-image: linear-gradient(top, #fff, #f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#f1f1f1');
	margin:1% 2% 1% 2%;
	padding:2% 1% 2% 1%;
	text-decoration: none;
	color: #777;
	font-weight:bold;
	border-radius: .3em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.2);
	
}
.playlist
{
	width:94%;
	cursor:pointer;
	display:inline-block;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
	background-image: -moz-linear-gradient(top, #fff, #f1f1f1);
	background-image: -ms-linear-gradient(top, #fff, #f1f1f1);
	background-image: -o-linear-gradient(top, #fff, #f1f1f1);
	background-image: linear-gradient(top, #fff, #f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#f1f1f1');
	margin:1% 2% 1% 2%;
	padding:2% 1% 2% 1%;
	text-decoration: none;
	color: #777;
	font-weight:bold;
	border-radius: .3em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.2);
	
}
.report_close {
	background: #fcfdff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfdff 0%, #e9f0ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfdff), color-stop(100%,#e9f0ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfdff 0%,#e9f0ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfdff 0%,#e9f0ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfdff 0%,#e9f0ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fcfdff 0%,#e9f0ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfdff', endColorstr='#e9f0ff',GradientType=0 ); /* IE6-9 */
	border:#a5bef0 solid 1px;
	border-radius:3px;
	padding:3px 5px 3px 5px;
	color:#3d61aa;
	cursor:pointer;
	margin-left:6px;
	font-size:13px;
}

/*¼ºÀÎÀÎÁõ ·¹ÀÌ¾î*/
.confirm_container {
	margin-right: 10px;
	margin-left: 10px;
}
.confirm_text {
	height: auto;
	color: #3c58a0;
	font-size: 110%;
	padding: 18px 18px 18px 18px;
	line-height: 160%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.confirm input {
	font-size:90%;
	font-weight:bold;
	padding: 4px;
	margin-top:20px;
	margin-bottom:25px;
	width:85px; 
	height:30px; 
	background-image:url(../image/btn_menu_on02.png); 
	border:1px solid #a5bef0; -webkit-border-radius:3px; 
	text-align:center;
	color:#3d61aa; 
	padding:5px; 
	}
.confirm_box {
	color:#999;
	background-color:#F7F7F7;
	border: 1px solid #ececec;
	line-height:160%;
	padding:10px;
	}
.confirm_btn_19 {
	width: 100px;
	height: 23px;
	margin-top:10px;
	background-image: url(../image/common_btn02.png);
	text-align: center;
	border: 1px solid #e1e1e1;
	color: #aaaaaa;
	font-weight: bold;
	font-size: 80%;
	border-radius:3px;
	cursor:pointer;
	}
.confirm_bg {width:100%; background-color:#ffffff; border:1px solid #bebebe; margin-top:10px; clear:both;}

/*¸ð¹ÙÀÏ·Î µ¹¾Æ°¡±â ¹öÆ°*/
.btWrap{
	style=position:relative; top:7px; width:230px;
	}
.RT_bt {
	style=position:relative; top:7px; width:180px; height:30px;
	font-size:12px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .3em;
	border-radius: .5em;
	color: #666;
	border: solid 1px #C8C8C8;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	}