/*********************************************************************
* Program		: customer.css
* Description	: 怨좉컼媛먮룞�쇳꽣 CSS : 
* Version		: 2.0
* Date			: 2011/06/10		Writer : Bang Kijeong
 **********************************************************************/

@charset "utf-8";
/*	main : 01 */
div.main_visual {
	width:761px;
	height:327px;
	background:url('/resources/image/design/customer/main_01.jpg') no-repeat right top;
	position:relative;
	margin-bottom:25px;
}
div.main_visual div.phone {
	position:absolute;
	left:34px;
	top:28px;
	color:#9b9faa;
	font-size:11px;
	font-weight:bold;
}
div.main_visual div.phone p.txt { padding:11px 0 0 0}
div.main_visual div.phone p.txt span { 
	font-weight:normal;
	background:url('/resources/image/design/customer/main_06.gif') no-repeat left 4px;
	padding-left:8px;
}
div.main_visual div.btn01 {
	position:absolute;
	right:17px;
	top:20px;
	letter-spacing:-4px;
}
div.main_visual div.btn02 {
	position:absolute;
	left:34px;
	top:230px;
}
div.main_visual div.btn02 p { height:26px}
div.main_visual div.btn02 ul {}
div.main_visual div.btn02 ul li.r1 { width:160px; float:left}
div.main_visual div.btn02 ul li.r2 { width:100px; float:left; padding-top:8px}
div.main_visual div.btn02 ul li.r3 { width:80px; float:left; padding-top:8px}
div.main_visual div.btn02 ul img { margin-bottom:9px}
div.main_visual div.btn03 {
	position:absolute;
	right:1px;
	bottom:1px;
	letter-spacing:-4px;
}
div.main_visual div.btn03 img { vertical-align:top}

/*	main : 02 */
div.main_faq {
	width:761px;
	background:url('/resources/image/design/customer/box_01.gif') no-repeat left bottom;
	padding-bottom:10px;
	margin-bottom:25px;
}
div.main_faq p.top { height:20px; font-size:0px; background:url('/resources/image/design/customer/box_01.gif') no-repeat left top}
div.main_faq div.search {
	width:700px;
	margin:0 auto;
	padding-bottom:15px;
}
div.main_faq div.search ul { height:28px}
div.main_faq div.search ul li.r1 { float:left; padding:2px 8px 0 5px}
div.main_faq div.search ul li.r2 { float:left}
div.main_faq div.search div.keyword { background-color:#f5f5f5; color:#888888; padding:8px 10px}
div.main_faq div.search div.keyword a { color:#888888}
div.main_faq div.menu {
	width:700px;
	margin:0 auto;
	padding-bottom:10px;
}
div.main_faq div.menu p.tit { color:#a1a1a1; padding-bottom:10px}
div.main_faq div.menu table { width:100%; table-layout:fixed}
div.main_faq div.menu table td { vertical-align:top; border-left:1px solid #dcdcdc; padding:2px 5px 2px 8px}
div.main_faq div.menu table td.fst { border-left:0px; padding:2px 5px 2px 0px}
div.main_faq div.menu table td p {
	background:url('/resources/image/design/customer/dot_01.gif') no-repeat left 6px;
	padding-left:7px;
	line-height:18px;
}
div.main_faq div.menu table td a { color:#666666}

/*	main : 03 */
div.main_best {
	width:761px;
	margin-bottom:20px;
}
div.main_best h6 { height:23px; border-bottom:3px solid #e41e00}
div.main_best ol {
	padding-top:3px;
}
div.main_best ol li  { border:1px solid #ffffff}
div.main_best ol li dl dd { display:none }
div.main_best ol li.on dl dd { display:block }
div.main_best ol li dl dt {
	background:url('/resources/image/design/customer/main_18.gif') no-repeat 8px 6px;
	padding:8px 10px 6px 38px;
	border-bottom:1px solid #dbdbdb;
	line-height:18px;
}
div.main_best ol li dl dd {
	background:url('/resources/image/design/customer/main_19.gif') no-repeat 8px 6px;
	padding:8px 10px 10px 38px;
	border-bottom:1px solid #dbdbdb;
	line-height:18px;
	letter-spacing:-0.5px;
}

/* 안전거래센터 : 안전거래수칙 */
div.safe_01 {
	width:709px;
	border:1px solid #e2e2e2;
	background-color:#f8f8f8;
	padding:20px 25px;
	margin-bottom:20px;

}
div.safe_01 h6 { margin-bottom:18px}
div.safe_01 ol li {
	padding:3px 0 15px 46px;
}
div.safe_01 ol.nostyle01 li.no1 { background:url('/resources/image/design/customer/no01_1.gif') no-repeat left top}
div.safe_01 ol.nostyle01 li.no2 { background:url('/resources/image/design/customer/no01_2.gif') no-repeat left top}
div.safe_01 ol.nostyle01 li.no3 { background:url('/resources/image/design/customer/no01_3.gif') no-repeat left top}
div.safe_01 ol.nostyle01 li.no4 { background:url('/resources/image/design/customer/no01_4.gif') no-repeat left top}
div.safe_01 ol.nostyle01 li.no5 { background:url('/resources/image/design/customer/no01_5.gif') no-repeat left top}
div.safe_01 ol.nostyle01 li.no6 { background:url('/resources/image/design/customer/no01_6.gif') no-repeat left top}
div.safe_01 ol.nostyle01 li.no7 { background:url('/resources/image/design/customer/no01_7.gif') no-repeat left top}
div.safe_01 ol.nostyle01 li.no8 { background:url('/resources/image/design/customer/no01_8.gif') no-repeat left top}
div.safe_01 ol.nostyle01 li.no9 { background:url('/resources/image/design/customer/no01_9.gif') no-repeat left top}
div.safe_01 ol.nostyle01 li.no10 { background:url('/resources/image/design/customer/no01_10.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no1 { background:url('/resources/image/design/customer/no02_1.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no2 { background:url('/resources/image/design/customer/no02_2.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no3 { background:url('/resources/image/design/customer/no02_3.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no4 { background:url('/resources/image/design/customer/no02_4.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no5 { background:url('/resources/image/design/customer/no02_5.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no6 { background:url('/resources/image/design/customer/no02_6.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no7 { background:url('/resources/image/design/customer/no02_7.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no8 { background:url('/resources/image/design/customer/no02_8.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no9 { background:url('/resources/image/design/customer/no02_9.gif') no-repeat left top}
div.safe_01 ol.nostyle02 li.no10 { background:url('/resources/image/design/customer/no02_10.gif') no-repeat left top}
div.safe_01 ol p.tit { padding-bottom:5px}
div.safe_01 ol p.txt { color:#6f6f6f; line-height:16px}

/* 상담하기 : 신규 게임/서버 신청 */
ul.consult_01		{ width:500px; zoom:1}
ul.consult_01:after	{ content:""; display:block; clear:both}
ul.consult_01 li.r1	{ float:left; padding:6px 4px 0 0}
ul.consult_01 li.r2	{ float:left}

/* 이용안내 : 이용안내 */
div.guide_01 {
	padding-top:15px;
	background:url('/resources/image/design/customer/bg_box_01_top.gif') no-repeat left top;
	margin-bottom:20px;
}
div.guide_01 p.btm { height:15px; font-size:0px; line-height:0px; background:url('/resources/image/design/customer/bg_box_01_btm.gif') no-repeat left bottom}
div.guide_01 dl {
	width:730px;
	height:27px;
	margin:0 auto;
}
div.guide_01 dl dt { float:left; padding:1px 7px 0 0}
div.guide_01 dl dd { float:left}
div.guide_01 ul {
	width:715px;
	background-color:#f7f7f7;
	margin:0 auto;
	padding:5px 5px 5px 10px;
}
div.guide_01 ul li.r1 { width:60px; float:left}
div.guide_01 ul li.r2 { float:left; padding:2px 0 0 0}
div.guide_01 ul li.r2 a { color:#f65d00}
div.guide_01 ul li.r2 span { background:url('/resources/image/design/customer/bull_02.gif') no-repeat left top; padding:0 3px 0 8px}
div.guide_01 ul li.r2 span.fst { background-image:none; padding:0 0 0 0}
div.guide_02 {
	width:761px;
	margin-bottom:20px;
}
div.guide_02 table {
	width:100%;
}
div.guide_02 table td {
	vertical-align:top;
	padding-bottom:30px;
}
div.guide_02 table td .tit { height:40px}
div.guide_02 ul {
	width:160px;
	margin:0 0 0 15px;
}
div.guide_02 ul li { background:url('/resources/image/design/customer/bull_03.gif') no-repeat left 4px; padding:0 0 3px 7px; line-height:17px}

div.guide_03 { background:url('/resources/image/design/service/bull_01.gif') no-repeat left 7px; padding:0 0 7px 11px; color:#888888; font-size:12px; line-height:18px}
div.guide_03 span.col01 { color:#f31e1e}

div.guide_04 {
	background:url('/resources/image/design/customer/bg_box_02_btm.gif') no-repeat left bottom;
	padding:0 0 10px 0;
	margin-bottom:20px;
}
div.guide_04 div.box1 {
	background:url('/resources/image/design/customer/bg_box_02_top.gif') no-repeat left top;
	padding:10px 10px 0 10px;
}
div.guide_04 div.box1 p { background:url('/resources/image/design/customer/bull_04.gif') no-repeat left 1px; padding:0 0 0 17px}
div.guide_04 div.box1 p span { color:#f17e1a; font-weight:bold; background:url('/resources/image/design/customer/bull_05.gif') no-repeat 10px top; padding:0 0 0 21px}

div.guide_05 {
	margin-bottom:20px;
}


/* 200%보상센터 : 메인 */
div.indemnify_01 {
	width:761px;
	margin-bottom:20px;
}
div.indemnify_01 div.left { width:520px; float:left; margin-bottom:15px}
div.indemnify_01 div.right { width:226px; float:right; margin-bottom:15px}
div.indemnify_01 ul {
	width:761px;
	clear:both;
	zoom:1;
	margin-bottom:15px;
}
div.indemnify_01 ul:after	{ content:""; display:block; clear:both}
div.indemnify_01 ul li { float:left}
div.indemnify_01 ul li.r2, div.indemnify_01 ul li.r3 { margin-left:4px}
div.indemnify_01 p.line {
	background:url('/resources/image/design/customer/bg_line_01.gif') repeat-x left bottom;
	padding-bottom:20px;
	margin-bottom:15px;
}

/* 200%보상센터 : 회원보상 신청 */
div.indemnify_02 {
	width:761px;
	height:140px;
	margin-bottom:20px;
	background:url('/resources/image/design/customer/indemnify_17.gif') no-repeat left top;
	position:relative;
}
div.indemnify_02 h6 { position:absolute; top:22px; left:22px}
div.indemnify_02 dl {
	width:540px;
	position:absolute;
	top:62px;
	left:31px;
}
div.indemnify_02 dl dt { width:137px; height:18px; float:left; padding-top:1px}
div.indemnify_02 dl dd { width:403px; height:19px; float:left; color:#999999; font-size:11px}
div.indemnify_02 dl dd span { color:#f65d00; font-size:12px; font-weight:bold}

/* common : TAB Style 1 : 폰트 스타일 */
div.tabstyle01 {
	width:761px;
	margin-bottom:20px;
	position:relative;
}
div.tabstyle01 p.btn_d { position:absolute; top:15px; left:626px}
div.tabstyle01 ul { background:url('/resources/image/design/customer/bg_tab01_01.gif') repeat-x left bottom}
div.tabstyle01 ul li {
	float:left;
	padding:8px 20px;
	background:url('/resources/image/design/customer/bg_tab01_02.gif') no-repeat right bottom;
	text-align:center;
	line-height:18px;
	letter-spacing:-1px;
}
div.tabstyle01 ul li.on {
	background:url('/resources/image/design/customer/bg_tab01_03.gif') no-repeat right bottom;
}
div.tabstyle01 ul li a {text-decoration:none}
div.tabstyle01 ul li p.tit { color:#494848; font-weight:bold}
div.tabstyle01 ul li p.txt { color:#959595; font-weight:bold}
div.tabstyle01 ul li.on p.tit { color:#fff600; font-weight:bold}
div.tabstyle01 ul li.on p.txt { color:#ffffff; font-weight:bold}

div.tabstyle01 ul.txt2 li { height:36px}
div.tabstyle01 ul.txt2 li p.tit2 { color:#494848; font-weight:bold; padding:9px 0 0 0}
div.tabstyle01 ul.txt2 li.on p.tit2 { color:#fff600}


div.tabstyle01 ul.sub { background-image:none; background-color:#363535; padding:8px 0 6px 0}
div.tabstyle01 ul.sub li {
	background:url('/resources/image/design/customer/bg_tab01_04.gif') no-repeat left 2px;
	letter-spacing:0px;
	padding:0 22px;
}
div.tabstyle01 ul.sub li a { color:#bcbcbc; font-weight:bold; text-decoration:none}
div.tabstyle01 ul.sub li.on a { color:#ffffff; font-weight:bold; text-decoration:none}

/* common : TAB Style 2 : 스텝 스타일 */
div.tabstyle02 {
	width:761px;
	margin-bottom:20px;
	border-top:2px solid #94aeda;
	background-color:#f5f8fd;
}
div.tabstyle02 ul li		{ float:left; background:url('/resources/image/design/customer/bull_01.gif') no-repeat left 50%; padding:16px 18px 16px 30px}
div.tabstyle02 ul li.fst	{ background-image:none; padding-left:20px}
div.tabstyle02 ul.big li	{ float:left; background:url('/resources/image/design/customer/bull_01.gif') no-repeat left 50%; padding:16px 10px 16px 25px}
div.tabstyle02 ul.big li.fst	{ background-image:none; padding-left:20px}
div.tabstyle02 ul.big li.lst	{ padding-right:0}

div.h6_search {
	width:761px;
	height:27px;
	position:relative;
}
div.h6_search ul { position:absolute; top:0px; right:0px}
div.h6_search ul li { float:left; font-size:11px; padding-left:3px}
div.h6_search ul li.r1 { padding:3px 3px 0 0}
div.h6_search ul li.r4 { padding-left:7px}
div.h6_search h6 {
	padding-top:4px;
}


/* 안전거래센터 : 사기유형 및 대처법 */
div.fraud_01 {
	width:761px;
	margin-bottom:20px;
}
div.fraud_01 h6 { margin-bottom:8px}
div.fraud_01 ol li {
	padding:0 30px 18px 20px;	
}
div.fraud_01 ol li.no1 { background:url('/resources/image/design/customer/no03_1.gif') no-repeat left top}
div.fraud_01 ol li.no2 { background:url('/resources/image/design/customer/no03_2.gif') no-repeat left top}
div.fraud_01 ol li.no3 { background:url('/resources/image/design/customer/no03_3.gif') no-repeat left top}
div.fraud_01 ol li.no4 { background:url('/resources/image/design/customer/no03_4.gif') no-repeat left top}
div.fraud_01 ol li.no5 { background:url('/resources/image/design/customer/no03_5.gif') no-repeat left top}
div.fraud_01 ol li.no6 { background:url('/resources/image/design/customer/no03_6.gif') no-repeat left top}
div.fraud_01 ol li.no7 { background:url('/resources/image/design/customer/no03_7.gif') no-repeat left top}
div.fraud_01 ol li.no8 { background:url('/resources/image/design/customer/no03_8.gif') no-repeat left top}
div.fraud_01 ol li.no9 { background:url('/resources/image/design/customer/no03_9.gif') no-repeat left top}
div.fraud_01 ol li.no10 { background:url('/resources/image/design/customer/no03_10.gif') no-repeat left top}

div.fraud_01 ol li p.tit { color:#ff9c00; font-weight:bold; padding-bottom:4px}
div.fraud_01 ol li p.txt { color:#828282; line-height:18px}

div.fraud_01 div.box {
	color:#828282;
	background-color:#f6f6f6;
	padding:13px 15px;
}
div.fraud_01 div.box .txt01 { color:#b74d20; font-weight:bold; padding-bottom:10px}
div.fraud_01 div.box .txt02 { color:#828282; padding-bottom:10px}
div.fraud_01 div.box .txt03 { color:#2b2b2b; text-decoration:underline}
div.fraud_01 div.box .txt04 { color:#3e8cbd; font-weight:bold}
div.fraud_01 div.box .txt05 { color:#b2b2b2; padding-top:5px; font-size:11px}



div.fraud_02 {
	width:761px;
	margin-bottom:20px;
}
div.fraud_02 h6 { margin-bottom:5px}
div.fraud_02 ol {
	background-color:#fff7e7;
	padding:15px 20px;	
}
div.fraud_02 ol li {
	color:#a94800;
	padding:0 0 5px 15px;	
}
div.fraud_02 ol li.no1 { background:url('/resources/image/design/customer/no04_1.gif') no-repeat left top}
div.fraud_02 ol li.no2 { background:url('/resources/image/design/customer/no04_2.gif') no-repeat left top}
div.fraud_02 ol li.no3 { background:url('/resources/image/design/customer/no04_3.gif') no-repeat left top}
div.fraud_02 ol li.no4 { background:url('/resources/image/design/customer/no04_4.gif') no-repeat left top}
div.fraud_02 ol li.no5 { background:url('/resources/image/design/customer/no04_5.gif') no-repeat left top}
div.fraud_02 ol li.no6 { background:url('/resources/image/design/customer/no04_6.gif') no-repeat left top}
div.fraud_02 ol li.no7 { background:url('/resources/image/design/customer/no04_7.gif') no-repeat left top}
div.fraud_02 ol li.no8 { background:url('/resources/image/design/customer/no04_8.gif') no-repeat left top}
div.fraud_02 ol li.no9 { background:url('/resources/image/design/customer/no04_9.gif') no-repeat left top}
div.fraud_02 ol li.no10 { background:url('/resources/image/design/customer/no04_10.gif') no-repeat left top}

div.fraud_03 {
	width:721px;
	padding:15px 20px;	
	margin-bottom:20px;
	background-color:#fff7e7;
}
div.fraud_03 p.tit { margin-bottom:7px}
div.fraud_03 p.txt { margin-bottom:15px; color:#a94800}



/* 안전거래센터 : 안전거래 도우미 */
div.safe_help {
	width:761px;
	background:url('/resources/image/design/customer/safe_help_05.gif') repeat-y left top;
}
div.safe_help div.seller {
	width:345px;
	float:left;
	padding:15px 15px 10px 15px;
}
div.safe_help div.buyer {
	width:345px;
	float:right;
	padding:15px;
}
div.safe_help p.tit { height:27px}
div.safe_help ol li {
	color:#6d6d6d;
	line-height:18px;
	background:url('/resources/image/design/customer/dot_02.gif') no-repeat left 6px;
	padding:0 0 4px 7px;
}

div.safe_tbl {
	width:761px;
	margin-bottom:23px;
}
div.safe_tbl h6 { margin-bottom:8px}
div.safe_tbl table		{ width:100%; table-layout:fixed}
div.safe_tbl table th	{ color:#ffffff; font-size:11px; padding:5px 0 4px 0; border-left:1px solid #b4b9d5; font-weight:bold; background-color:#a4a9cc}
div.safe_tbl table td	{ color:#505050; font-size:11px; padding:5px 0 4px 0; border-left:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; text-align:center}
div.safe_tbl table th.tit	{ color:#505050; border-left:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-weight:normal; background-color:#f6f6f6}
div.safe_tbl table th.lst	{ border-right:1px solid #c7c7c7}
div.safe_tbl table td.lst	{ border-right:1px solid #c7c7c7}
div.safe_tbl table td.txt01	{ color:#afafaf}
div.safe_tbl table td.txt02	{ color:#ff3c00; font-weight:bold}

/* 안전거래센터 : 안전거래 도우미 */
div.netan_01 {
	width:761px;
	margin-bottom:25px;
}
div.netan_01 h6 { margin-bottom:8px}

div.netan_01 div.box {
	color:#828282;
	background-color:#f6f6f6;
	padding:13px 15px;
}
div.netan_01 div.box dl {
	width:730px;
	margin:0 auto;
	padding-bottom:10px;
}
div.netan_01 div.box dl dt { width:210px; float:left}
div.netan_01 div.box dl dd { width:520px; float:left; padding-top:5px; color:#828282; line-height:18px}

div.netan_01 div.box ol {
	padding:0 0 15px 0;
}
div.netan_01 div.box ol li {
	padding:0 30px 2px 20px;	
}
div.netan_01 div.box ol li.no1 { background:url('/resources/image/design/customer/no03_1.gif') no-repeat left top}
div.netan_01 div.box ol li.no2 { background:url('/resources/image/design/customer/no03_2.gif') no-repeat left top}
div.netan_01 div.box ol li.no3 { background:url('/resources/image/design/customer/no03_3.gif') no-repeat left top}
div.netan_01 div.box ol li.no4 { background:url('/resources/image/design/customer/no03_4.gif') no-repeat left top}
div.netan_01 div.box ol li.no5 { background:url('/resources/image/design/customer/no03_5.gif') no-repeat left top}
div.netan_01 div.box ol li.no6 { background:url('/resources/image/design/customer/no03_6.gif') no-repeat left top}
div.netan_01 div.box ol li.no7 { background:url('/resources/image/design/customer/no03_7.gif') no-repeat left top}
div.netan_01 div.box ol li.no8 { background:url('/resources/image/design/customer/no03_8.gif') no-repeat left top}
div.netan_01 div.box ol li.no9 { background:url('/resources/image/design/customer/no03_9.gif') no-repeat left top}
div.netan_01 div.box ol li.no10 { background:url('/resources/image/design/customer/no03_10.gif') no-repeat left top}
div.netan_01 div.box p.txt01 { color:#3e8cbd; padding:0 0 15px 20px}
div.netan_01 div.box p.txt02 { padding:0 0 15px 20px}
div.netan_01 div.box p.txt02 span, 
div.netan_01 div.box span.txt02 { color:#000000; text-decoration:underline}
div.netan_01 div.box p.txt03 { color:#ff9c00}
div.netan_01 div.box span.txt04 { color:#3e3e3e}

/* 안전거래센터 : 소송 도우미 */
div.cr p.cr_tit { margin-bottom:10px}
div.cr p.cr_tit span { font-size:12px; font-weight:bold; color:#e01f25}
div.cr div.cr_box01 { width:731px; background-color:#f6f6f6; padding:15px; margin-bottom:20px}
div.cr div.cr_box01 p.btn { text-align:center; padding-top:20px}
div.cr div.cr_box01 table th { vertical-align:top}
div.cr div.cr_box01 table th img { border:#a5a5a5 1px solid; margin-right:20px; margin-bottom:30px}
div.cr div.cr_box01 table td { vertical-align:top}
div.cr div.cr_box01 table td img { margin-right:5px}
div.cr table tr th.line { border-top:#e6e6e8 2px solid; border-left:#e6e6e8 1px solid; border-bottom:#e6e6e8 1px solid; background-color:#f9f9f9; height:30px; text-align:center}
div.cr table tr th.fst { border-top:#e6e6e8 2px solid; border-bottom:#e6e6e8 1px solid; background-color:#f9f9f9; height:30px; text-align:center}
div.cr table tr td.line { border-left:#e6e6e8 1px solid; border-bottom:#e6e6e8 1px solid; height:30px; text-align:center}
div.cr table tr td.fst{ border-bottom:#e6e6e8 1px solid; height:30px; text-align:center}
ul.cr_tab01		{ 
	width:746px;
	background-color:#e6f1fc;
	height:30px;
	margin-bottom:20px;
	padding-left:15px;
	zoom:1; 
}
ul.cr_tab01:after	{ content:""; display:block; clear:both}
ul.cr_tab01	li { float:left; background:url('/resources/image/design/customer/criminal_06_tabp.gif') no-repeat; padding-top:8px; margin-right:15px}
ul.cr_tab01	li a { margin-left:10px; color:#2c8ae2; letter-spacing:-1px}
ul.cr_tab01	li.on a { margin-left:10px; color:#2c8ae2}
ul.cr_tab01	li a:hover { color:#2c8ae2}
div.cr div.cr_box02 { width:747px; background-color:#f6f6f6; padding:7px; margin-bottom:20px}
div.cr div.cr_box02 div.imgbox { text-align:center; padding-top:10px; padding-bottom:10px; width:745px; background-color:#ffffff; border:#a5a5a5 1px solid}
div.cr div.cr_box02 table { width:100%}
div.cr div.cr_box02 table tr th { border-top:#e6e6e8 2px solid; border-left:#e6e6e8 1px solid; border-bottom:#e6e6e8 1px solid; border-right:#e6e6e8 1px solid; background-color:#f9f9f9; height:30px; text-align:center}
div.cr div.cr_box02 table tr td { border-left:#e6e6e8 1px solid; border-bottom:#e6e6e8 1px solid; height:30px; text-align:center; border-right:#e6e6e8 1px solid; background-color:#ffffff}
div.cr div.cr_box02 table.s02 { width:100%}
div.cr div.cr_box02 table.s02 tr td.c { border:#e6e6e8 1px solid; height:30px; background-color:#ffffff; padding:5px}
div.cr div.cr_box02 table.s02 tr td.n { border:#e6e6e8 1px solid; height:30px; text-align:left; background-color:#ffffff; padding:5px}
span.red { color:#de1016}
span.blue { color:#2c8ae2}
table.list_tab04 p.file { margin-top:20px}

/* help 硫붿씪 *//* help 메일 */table.list_tab04 .point	{ color:#727272; background:url('/resources/image/design/member/bull_06.gif') no-repeat left 1px; padding-left:15px}
table.list_tab04 ul li.hide { padding-top:5px; padding-left:20px; padding-bottom:10px}
p.note span.point { color:#727272; background:url('/resources/image/design/member/bull_06.gif') no-repeat left 1px; padding-left:15px}
p.note { margin-top:10px; text-align:right}
span.col01 a.link { color:#f65d00}

/* 초보자 거래가이드 */
div.begin_g {position:relative}
div.begin_g .box {border:1px solid #c6c6c6; color:#686868; overflow:hidden}
div.begin_g h4 {padding-left:10px; background:url(/resources/image/design/customer/guide/ico_bullet.gif) no-repeat 0 3px}
div.begin_g .divide_line {border-top:1px solid #f4f5f5}
div.begin_g .btn_area {margin-top:30px; text-align:center}
div.begin_g .btn_area a {margin-right:10px}
div.box { border:#c6c6c6 1px solid}
div.trade {padding:58px 0 48px 39px}
div.trade p.diagram {padding:0 0 55px 20px}
div.trade ul.st1 li {padding-bottom:6px; padding-left:10px; background:url(/resources/image/design/customer/guide/ico_bullet.gif) no-repeat 0 3px; line-height:0}
div.trade ul.st1 li img {vertical-align:top}
div.trade ul.st2 {margin:7px 0 0 10px}
div.trade ul.st2 li {padding-left:5px; background:url(/resources/image/design/customer/guide/ico_dot_gray2.gif) no-repeat 0 7px; line-height:18px; letter-spacing:-1px}
div.guide_ibmember {padding:30px 0 30px 45px}
div.guide_ibmember div.info {width:672px; height:144px; margin-top:10px; background:url(/resources/image/design/customer/guide/img_ibsys2_3.gif) no-repeat 0 0}
div.guide_ibmember div.info p {position:absolute; top:-9999px}
div.guide_ibmember p.btn_area {margin-top:30px; text-align:center}
div.credit {padding:23px 23px 22px}
div.credit .info1 {margin-top:10px; padding-left:10px; letter-spacing:-1px}
div.credit .info2 {width:713px; height:275px; margin-top:30px; background:url(/resources/image/design/customer/guide/img_ibsys3_5.gif) no-repeat 0 0}
div.credit .info2 p, .guide .credit .info2 dl {position:absolute; top:-9999px}
div.credit .grid_wrap {margin-top:10px}
div.credit .grid td {padding:8px 0 6px 0; font-size:11px; text-align:center; border-left:1px solid #e5e5e5; border-bottom:#e1e4e6 1px solid}
div.credit .grid td.first {border-left:0 none}
div.credit .grid tr.strong_line td {border-top:1px solid #000000}
div.credit .grid th {padding:20px 0 20px 0 !important; background:#f9f9f9; border-top:#333333 2px solid; border-bottom:#e1e4e6 2px solid; border-left:#e1e4e6 1px solid}
div.credit .grid th.first {padding:20px 0 20px 0 !important; background:#f9f9f9; border-top:#333333 2px solid; border-bottom:#e1e4e6 2px solid; border-left:0 none}
div.credit h4 {padding-left:10px; background:url(/resources/image/design/customer/guide/ico_bullet.gif) no-repeat 0 3px}
div.credit ul.st2 {margin:7px 0 0 10px}
div.credit ul.st2 li {padding-left:5px; background:url(/resources/image/design/customer/guide/ico_dot_gray2.gif) no-repeat 0 7px; line-height:18px; letter-spacing:-1px}
div.protect {padding:23px 0 26px 23px}
div.protect p {letter-spacing:-1px}
div.indemnify {padding:27px 0 20px 23px}
div.indemnify .info1 {width:620px; height:88px; margin-bottom:39px; background:url(/resources/image/design/customer/guide/img_ibsys5_1.gif) no-repeat 0 0}
div.indemnify .info2 {width:711px; height:397px; margin-top:13px; background:url(/resources/image/design/customer/guide/img_ibsys5_3.gif) no-repeat 0 0}
div.indemnify .info2 p {display:none}
div.indemnify .info1 p, .guide .indemnify .info2 p {position:absolute; top:-9999px}
div.indemnify h4 {padding-left:10px; background:url(/resources/image/design/customer/guide/ico_bullet.gif) no-repeat 0 3px}
div.security {height:442px; background:url('/resources/image/design/customer/guide/img_ibsys6_1.gif') no-repeat center 10px; border:0}
div.security p, .guide .security dl {position:absolute; top:-9999px}
div.security dl { display:none}
p.btn_area {margin-top:30px; text-align:center}
div.begin_g .ibbenefit {padding:20px 23px 23px}
div.begin_g .ibbenefit h4 {height:20px}
div.begin_g .ibbenefit p, .guide .ibbenefit ol {padding-left:12px}
div.begin_g .ibbenefit .grid_wrap {margin-top:13px}
div.begin_g .ibbenefit .grid tr{border-bottom:1px solid #e5e5e5}
div.begin_g .ibbenefit .grid td {padding:8px 0 6px 0; font-size:11px; text-align:center;border-bottom:1px solid #e5e5e5}
div.begin_g .ibbenefit .grid th {padding:10px 0 6px 0 !important; background:#f9f9f9; border-top:#333333 2px solid; border-bottom:#e1e4e6 2px solid; border-left:#e1e4e6 1px solid}
div.begin_g .ibbenefit .grid th.first {padding:10px 0 6px 0 !important; background:#f9f9f9; border-top:#333333 2px solid; border-bottom:#e1e4e6 2px solid; border-left:0 none}
.guide .deal_caution {padding:20px 23px 23px}
.guide .deal_caution li {margin-top:21px}
.guide .deal_caution p {padding-left:12px; line-height:14px}
.guide .deal_caution .divide_line {margin:17px 0 21px 0}

/* 판매자,구매자 거래가이드 */
h3.mig0 {margin-bottom:0; padding-top:11px}
div.beg_process {height:136px}
div.beg_process h6.tit {float:left; font-family:notoKR; font-size:16px; font-weight:400; color:#1f2152}
div.beg_process h6.tit+p {float:right; font-family:notoKR}
div.beg_process h6.tit+p::before {content:''; display:inline-block; width:2px; height:2px; margin-right:5px; background:#7d818a; vertical-align:4px}
div.beg_process h6.tit+p::after {content:''; display:block; clear:both}
div.beg_process ul.process {background:#fff; width:100%; height:100px; clear:both; position:relative; top:20px}
div.beg_process ul.process li {position:absolute; top:0; left:0}
div.beg_process ul.process li.process02 {top:54px}
div.beg_process ul.process li.process03 {left:149px}
div.beg_process ul.process li.process04 {left:302px}
div.beg_process ul.process li.process05 {left:453px}
div.beg_process ul.process li.process06 {left:606px}
div.beg_process ul.process li a {display:block; height:100%}
div.beg_pcon {display:none; margin-top:40px}
div.beg_pcon.on {display:block}
div.beg_pcon > ul {width:100%; overflow:hidden}
div.beg_pcon > ul > li {margin-bottom:20px}
div.beg_pcon > ul > li.first {margin-top:10px}
div.beg_pcon > ul > li > p {margin-bottom:10px; line-height:1.5; overflow:hidden}
div.beg_pcon > ul > li > p span {display:block; float:left}
div.beg_pcon > ul > li span.num {width:16px; height:16px; margin-right:5px; background:#6f748c; border-radius:50%; line-height:15px; font-family:tahoma; font-size:11px; font-weight:bold; color:#fff; text-align:center; vertical-align:top}
div.beg_pcon div.main_best h6 {border-bottom:1px solid #dbdbdb}

/* tab */
ul.begin_g_t {position:relative; display:inline-block; margin-bottom:20px}
ul.begin_g_t li {float:left}
ul.begin_g_t li ul {position:absolute; top:35px; left:0; width:759px; height:33px; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd}
ul.begin_g_t li ul li {width:109px; height:12px; padding:10px 0 0 0; background:url(/resources/image/Cs/guide/bar_gray.gif) no-repeat 0 11px; text-align:center; margin-left:-1px; line-height:0}

/* 공통 하단 비움 영역 */
div.empty { height:250px} 

/* 고객센터 : 게임서버추가 */
div.hsearch div.sch_direct_1		{ width:647px; position:absolute; z-index:700; top:0px; left:353px}
div.hsearch div.sch_direct_1_con	{ width:335px; padding:8px 0 0 0}
div.hsearch div.sch_direct_1_btn	{ width:315px; position:absolute; top:8px; left:330px}
div.hsearch div.sch_direct_1_btn img.marinL { margin-left:6px}
div.hsearch div.sch_direct_1 p.sch_txt input.ty_txt {width:130px; height:15px; font-size:11px; line-height:15px; color:#494949; background:#eaeaea;letter-spacing:-1px; border:0 none; vertical-align:top}
div.hsearch div.sch_direct_1 p.sch_txt img.ty_img {position:absolute; top:12px; left:142px}
div.hsearch div.sch_direct_1 p.sch_txt img.ty_img2 {position:absolute; top:12px; left:305px}
div.hsearch div.sch_direct_1 p.sch_txt { 
	width:131px;
	height:21px;
	float:left;
	padding:5px 26px 0 8px;
	background:url('/resources/image/design/layout/bg_sch_input.gif') no-repeat left top;
}

div.hsearch div.sch_direct_1 div.sch_layer { 
	width:154px;
	height:203px;
	position:absolute;
	top:32px;
	left:0px;
	background:url('/resources/image/design/layout/bg_sch_layer.gif') no-repeat left top;
	padding:7px 7px 0 0;
	font-size:11px;
	line-height:15px;
}
div.hsearch div.sch_direct_1 div.sch_layer2 { 
	width:154px;
	height:203px;
	position:absolute;
	top:32px;
	left:165px;
	background:url('/resources/image/design/layout/bg_sch_layer.gif') no-repeat left top;
	padding:7px 7px 0 0;
	font-size:11px;
	line-height:15px;
}
div.hsearch div.sch_direct_1 .sch_layer ul, 
div.hsearch div.sch_direct_1 .sch_layer2 ul	{ height:190px; overflow-x:hidden; overflow-y:auto}
div.hsearch div.sch_direct_1 .sch_layer li, 
div.hsearch div.sch_direct_1 .sch_layer2 li	{ height:16px; margin:1px 4px 0 1px; padding:2px 0 0 9px;  cursor:pointer}
div.hsearch div.sch_direct_1 .sch_layer li.over, 
div.hsearch div.sch_direct_1 .sch_layer2 li.over	{background:#efefef; color:#262626}
div.hsearch div.sch_direct_1 .sch_layer li.on, 
div.hsearch div.sch_direct_1 .sch_layer2 li.on	{background:#efefef; color:#de1016; font-weight:bold; letter-spacing:-2px}
div.hsearch div.sch_direct_1 .sch_layer li.pr, 
div.hsearch div.sch_direct_1 .sch_layer2 li.pr	{color:#de1016}

/* 안전거래센터 : 소송 도우미 */
div.cr div.data_box { width:731px; background-color:#f6f6f6; padding:21px 15px 21px 15px; margin-bottom:20px; position:relative}
div.cr div.data_box img.data_btn { position:absolute; top:10px; right:10px}

/* 2015.03.11 200%보상제 추가(신예니) */
div.indemnify_main { width:761px; margin-bottom:50px}
div.indemnify_main div.indemBox { margin-bottom:15px}
div.indemnify_main div.indemBox ul.boxL { float:left; width:400px}
div.indemnify_main div.indemBox ul.boxR { float:right; width:350px; margin-left:11px}
div.indemnify_main ul { display:block; zoom:1}
div.indemnify_main ul li.tit { font-size:11px}
div.indemnify_main ul li img { padding-bottom:10px}
div.indemnify_main ol li { line-height:18px; padding:0 0 0 13px; background:url('/resources/image/design/customer/bull_06.gif') no-repeat left 5px}
div.indemnify_main ol li.s1 { line-height:18px; padding:0 0 0 13px; background:none}
div.indemnify_main span.line{ text-decoration:underline}

/* 상담하기-1:1이용문의 20160328 (김혜미) */
ul.consult_type {width:100%}
ul.consult_type li.left {width:50%; float:left}
ul.consult_type li.right {width:50%; float:left}

/* 상담하기 - 신규 게임/서버 신청 20161222 (김혜미) */
div.newGameServer label {cursor:pointer}
div.newGameServer td.ct1 label.r2 {margin-left:32px}
div.newGameServer td.ct2 label.r2 {margin-left:30px}
div.newGameServer tr.newSlt th,div.newGameServer tr.newSlt td {height:25px; padding:6px 0 5px 15px !important}
div.newGameServer tr.newSlt div.sch_direct_con {float:left; width:170px}
div.newGameServer tr.newSlt div.sch_direct_con #sch_direct {width:170px}
div.newGameServer tr.newSlt input#txtServerName {margin-top:2px}

/* 이용안내 - 처음이신가요 영역 20190507 (서재진) */
div.goQuickGuide {position:relative}
div.goQuickGuide > div.btnQuickGuide {position:absolute; top:74px; left:26px}
div.goQuickGuide > div.btnQuickGuide > a {display:block; float:left; width:170px; height:49px; margin-right:10px; background:rgba(0,0,0,0)}
div.goQuickGuide > div.btnQuickGuide > a:last-child {margin-right:0}

/* 고객감통센터 메인 20190507 (서재진) */
div.main_btn_quick {margin-bottom:10px; overflow:hidden}
div.main_btn_quick > ul {float:left; width:608px; height:130px; border:1px solid #eaeef7; box-sizing:border-box}
div.main_btn_quick > ul li {float:left; width:25%; height:100%}
div.main_btn_quick > ul li a {display:block; position:relative; height:100%}
div.main_btn_quick > ul li a::before {content:''; position:absolute; top:24.5px; width:1px; height:81px; background:#eaeef7; vertical-align:middle}
div.main_btn_quick > ul li a::after {content:''; position:absolute; top:45%; left:50%; background:url('/resources/image/design/customer/ico_help_quick.png') 0 0 no-repeat}
div.main_btn_quick > ul li a.btn_inquiry::after {width:63px; height:46px; margin-top:-23px; margin-left:-31.5px}
div.main_btn_quick > ul li a.btn_method::after {width:53px; height:62px; margin-top:-31px; margin-left:-27.5px; background-position-x:-63px}
div.main_btn_quick > ul li a.btn_security::after {width:52px; height:58px; margin-top:-29px; margin-left:-26px; background-position-x:-116px}
div.main_btn_quick > ul li a.btn_benefit::after {width:52px; height:44px; margin-top:-22px; margin-left:-26px; background-position-x:-168px}
div.main_btn_quick > ul li:first-child a::before {display:none}
div.main_btn_quick > ul li a span {display:block; width:150px; padding-top:95px; font-family:notoKR; font-size:14px; color:#1f2152; text-align:center}
div.main_btn_quick div.cs_number {float:right; position:relative; width:143px; height:130px; background:#f3f5fa; border:1px solid #eaeef7; box-sizing:border-box}
div.main_btn_quick div.cs_number::before {content:''; position:absolute; top:13px; left:50%;  width:61px; height:56px; margin-left:-30.5px; background:url('/resources/image/design/customer/ico_help_quick.png') -220px 0 no-repeat}
div.main_btn_quick div.cs_number > p {width:122px; margin:0 auto; margin-top:80px; font-size:0; text-align:center}
div.main_btn_quick div.cs_number span.tit {font-family:'notoKR'; font-size:12px; color:#616781; letter-spacing:-0.5px}
div.main_btn_quick div.cs_number span.sub {font-family:'notoKR'; font-size:12px; color:#7e86a8; letter-spacing:-0.5px}
div.main_btn_quick div.cs_number span.num {display:block; margin-top:5px; font-family:'tahoma'; font-size:20px; font-weight:bold; color:#7e86a8}

/* 회원 보상 센터 20200320 (서재진) */
.btn_arrow {position:relative}
.btn_arrow::after {content:''; position:absolute; right:20px; top:50%; border-top:5.5px solid transparent; border-left:6px solid #fff; border-right:none; border-bottom:5.5px solid transparent; transform:translateY(-50%)}
.reward_tit {margin:20px 0 30px; text-align:center}
.reward_tit > p {margin-bottom:20px; font-family:notoKR; font-size:18px; font-weight:100; color:#827d91}
.reward_tit > p span {font-weight:400; color:#4d4b52}
.reward_list > ul::after {content:''; display:block; clear:both}
.reward_list > ul > li {float:left; width:168px; height:168px; margin-left:29px; border-radius:50%; background:#faf9ff; text-align:center}
.reward_list > ul > li:first-child {margin-left:0}
.reward_list > ul > li::before {content:''; display:inline-block; width:67px; height:45px; margin-top:38px; background:url('/resources/image/design/item/ico_safety.png') no-repeat}
.reward_list > ul > li:nth-child(1)::before {margin-left:10px; background-position-x:-308px}
.reward_list > ul > li:nth-child(2)::before {width:62px; margin-left:5px; background-position-x:-377px}
.reward_list > ul > li:nth-child(3)::before {width:65px; background-position-x:-441px}
.reward_list > ul > li:nth-child(4)::before {width:57px; height:46px; background-position-x:-43px}
.reward_list > ul > li > span {display:block; margin-top:15px; line-height:1.2; font-family:notoKR; font-size:14px; font-weight:bold}
.reward_sub_tit {font-family:notoKR; text-align:center}
.reward_sub_tit::before {content:''; display:inline-block; width:2px; height:40px; background-color:#7e43cd}
.reward_sub_tit > p {margin:10px 0; font-size:14px; font-weight:100; color:#827d91}
.reward_sub_tit > p > span {font-weight:400; color:#4d4b52}
.reward_sub_tit > h3 {line-height:1; font-size:30px; font-weight:700; color:#120b3d}
.reward_system_list {margin-top:20px; font-family:notoKR}
.reward_system_list > ul::after {content:''; display:block; clear:both}
.reward_system_list > ul > li {position:relative; float:left; width:233px; height:180px; margin-top:20px; margin-left:31px; background:#fbf9ff}
.reward_system_list > ul > li:first-child {margin-left:0}
.reward_system_list > ul > li .num {display:block; width:40px; height:40px; margin:-20px auto 0; border-radius:50%; background:#7050cb; line-height:40px; font-family:notoKR; font-size:16px; font-weight:bold; text-align:center; color:#fff}
.reward_system_list > ul > li > p {margin:20px 0; font-size:16px; font-weight:bold; color:#3e454a; text-align:center}
.reward_system_list > ul ul {position:absolute; left:50%; transform:translateX(-50%)}
.reward_system_list > ul ul li {position:relative; margin-top:5px; padding-left:8px; font-size:14px; color:#616781; white-space:nowrap}
.reward_system_list > ul ul li:first-child {margin-top:0}
.reward_system_list > ul ul li::before {content:''; position:absolute; top:6px; left:0; width:3px; height:3px; background:#616781; border-radius:1px}
.reward_type {margin-top:30px}
.reward_type::after {content:''; display:block; clear:both}
.reward_type > div {float:left; width:365px; height:367px; padding:0 20px; border:1px solid #e1e3e8; border-top:2px solid #7050cb; font-family:notoKR; box-sizing:border-box}
.reward_type > div:first-child {margin-right:31px}
.reward_type > div > h4 {margin-top:20px; line-height:1; font-size:24px; color:#635bca}
.reward_type > div > p {margin-top:10px}
.reward_type > div > img {display:block; margin:20px auto 28px}
.reward_type > div .btn_box {display:flex}
.reward_type > div .btn_box::after {content:''; display:block; clear:both}
.reward_type > div .btn_box > a {flex:1; height:26px; border:1px solid #cecece; border-radius:3px; padding:0 7px; line-height:24px; font-size:14px; color:#333b58; box-sizing:border-box}
.reward_type > div .btn_box > a::after {right:10px; border-top:4.5px solid transparent; border-left:6px solid #333b58; border-bottom:4.5px solid transparent}
.reward_type .baySafety .btn_box > a {width:100%}

.help_reward {font-family:notoKR; font-size:14px}
.help_reward .guide_01 ul li {font-family:dotum, sans-serif; font-size:12px}
.help_reward .banner_btn {overflow:hidden}
.help_reward .banner_btn > a {float:left; width:240px; height:40px; padding-left:20px; margin-top:10px; margin-left:20px; background:#635bca; line-height:40px; font-size:16px; color:#fff; box-sizing:border-box}
.help_reward .banner_btn > a:first-child {margin-left:0}
.help_reward .banner_btn > a:hover {background:linear-gradient(39deg,#8a39ce,#635bca); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#8a39ce', endColorstr='#635bca')}
.help_reward .con_box {margin-top:50px}
.help_reward h4.sub_tit {margin-bottom:10px; font-size:20px; font-weight:400; color:#1f2152}
.help_reward h4.sub_tit > a {display:inline-block; width:111px; height:26px; margin-left:10px; padding-left:10px; border:1px solid #cecece; border-radius:3px; line-height:24px; font-size:12px; color:#333b58; vertical-align:2px; box-sizing:border-box}
.help_reward h4.sub_tit > a::after {right:10px; border-top:4.5px solid transparent; border-left:6px solid #333b58; border-bottom:4.5px solid transparent}
.help_reward .prd_info_table {width:100%}
.help_reward .prd_info_table caption {display:table-caption; height:70px; background:#eceef2; border-top:2px solid #b7c1d9; line-height:70px; font-size:14px; font-weight:400; text-align:center}
.help_reward .prd_info_table tr {height:60px; border-bottom:1px solid #e1e3e8}
.help_reward .prd_info_table tr:first-child{border-top:1px solid #e1e3e8}
.help_reward .prd_info_table th {padding-left:20px; background:#eceef2; font-weight:400; color:#7e86a8; text-align:left; box-sizing:border-box}
.help_reward .prd_info_table td {padding:20px 19px; line-height:1.4}
.help_reward .prd_info_table02 {width:100%}
.help_reward .prd_info_table02 caption {display:table-caption; height:70px; background:#eceef2; border-top:2px solid #b7c1d9; line-height:70px; font-size:14px; font-weight:400; text-align:center}
.help_reward .prd_info_table02 tr {height:60px; border-bottom:1px solid #e1e3e8}
.help_reward .prd_info_table02 tr:first-child{border-top:1px solid #e1e3e8}
.help_reward .prd_info_table02 th {padding-left:10px; padding-right: 10px; background:#eceef2; font-weight:400; color:#7e86a8; text-align:center; box-sizing:border-box}
.help_reward .prd_info_table02 th.first_th {border-right: 1px solid #e1e3e8;}
.help_reward .prd_info_table02 td {padding:20px 19px; line-height:1.4}
.help_reward .prd_info_table03 {width:100%}
.help_reward .prd_info_table03 caption {display:table-caption; height:70px; background:#eceef2; border-top:2px solid #b7c1d9; line-height:70px; font-size:14px; font-weight:400; text-align:center}
.help_reward .prd_info_table03 tr {height:60px; border-bottom:1px solid #e1e3e8}
.help_reward .prd_info_table03 tr:first-child{border-top:1px solid #e1e3e8}
.help_reward .prd_info_table03 th {padding-left:20px; background:#eceef2; font-weight:400; color:#7e86a8; text-align:left; box-sizing:border-box}
.help_reward .prd_info_table03 th.first_th {border-right: 1px solid #e1e3e8;}
.help_reward .prd_info_table03 td {padding:20px 19px; line-height:1.4}
.help_reward .reward_list {overflow:hidden}
.help_reward .reward_list > li {float:left; width:180.5px; margin-top:20px; margin-left:13px; text-align:center; box-sizing:border-box}
.help_reward .reward_list > li > div {padding-bottom:26px; border-top:1px solid #b7c1d9; border-right:1px solid #b7c1d9; border-left:1px solid #b7c1d9;}
.help_reward .reward_list > li:first-of-type {margin-left:0}
.help_reward .reward_list > li > div .num {display:block; width:40px; height:40px; margin:-20px auto 0; border-radius:50%; background:#b7c1d9; line-height:40px; font-size:16px; font-weight:bold; color:#fff} 
.help_reward .reward_list > li > div > h6 {height:42px; margin:20px 0; line-height:1.5; font-size:14px; color:#120b3d}
.help_reward .reward_list > li > div > p {font-size:12px; color:#535353}
.help_reward .reward_list > li > a {display:block; height:40px; padding-left:20px; background:#7e86a8; line-height:40px; color:#fff; text-align:left}
.help_reward .reward_info li {margin-top:10px}
.help_reward .reward_info li:first-child {margin-top:0}
.help_reward .reward_mark {overflow:hidden}
.help_reward .reward_mark li {float:left; width:180.5px; padding:20px 0; margin-left:13px; border:1px solid #b7c1d9; text-align:center; box-sizing:border-box}
.help_reward .reward_mark li:first-child {margin-left:0}
.help_reward .reward_mark li > h6 {font-size:14px; color:#120b3d}
.help_reward .reward_mark li > p {margin-top:15px; font-size:12px; color:#535353}
.help_reward .reward_mark li::before {content:''; display:block; height:47px; margin:0 auto 20px; background:url('/resources/image/design/item/ico_safety.png') no-repeat}
.help_reward .reward_mark li.mark::before {width:46px; background-position-y:-59px}
.help_reward .reward_mark li.price::before {width:113px; background-position:-48px -58px}
.help_reward .reward_mark li.limit::before {width:56px; background-position:-163px -59px}
.help_reward .reward_mark li.tax::before {width:46px; background-position:-221px -59px}
.help_reward .help_reward_info {overflow:hidden}
.help_reward .help_reward_info > span {float:left; margin-top:4px}
.help_reward .help_reward_info > a {float:right; width:111px; height:26px; margin-left:10px; padding-left:10px; border:1px solid #cecece; border-radius:3px; line-height:24px; font-size:12px; color:#333b58; vertical-align:2px; box-sizing:border-box}
.help_reward .help_reward_info > a::after {right:10px; border-top:4.5px solid transparent; border-left:6px solid #333b58; border-bottom:4.5px solid transparent}

/* 안전거래 서비스 20200326(서재진) */
.safe_wrap {margin-top:35px; font-family:notoKR}
.safe_wrap > h3 {font-size:20px; font-weight:400; color:#1f2152}
.safe_wrap > h3 > img {vertical-align:-2px}
.safe_wrap > h3 > i.safety {vertical-align:-7px}
.safe_wrap > p {margin-top:10px; font-size:14px}
.safe_wrap .direct_search {display:inline-block; width:60px; height:24px; margin:0 5px; background:#f1f2f4; border:1px solid #e1e3e8; line-height:24px; font-size:12px; text-align:center}
.safe_wrap .certify {margin-top:25px; overflow:hidden}
.safe_wrap .certify li {float:left; width:167.75px; height:168px; margin-left:30px; background:#fbf8ff; border-radius:50%; text-align:center}
.safe_wrap .certify li:first-child {margin-left:0}
.safe_wrap .certify li::before {content:''; display:inline-block; height:52px; margin-top:40px; background:url('/resources/image/design/item/ico_safety.png') no-repeat}
.safe_wrap .certify li:nth-child(1)::before {width:57px; background-position:-269px -58px}
.safe_wrap .certify li:nth-child(2)::before {width:34px; background-position:-328px -58px}
.safe_wrap .certify li:nth-child(3)::before {width:52px; background-position:-364px -58px}
.safe_wrap .certify li:nth-child(4)::before {width:61px; background-position:-418px -58px}
.safe_wrap .certify li > span {display:block; margin-top:20px; font-size:14px; font-weight:700; color:#484a52}


/* 회원등급 제도 */
.grade_benefit_table td {padding:15px 0}

/* IB 만의 혜택 */
.buyer_benefit .reward {vertical-align:top}
.buyer_benefit .reward + .txt_type01 {display:inline-block}

.box_btn .btn {
	font-family: "malgun-gothic",맑은고딕,sans-serif;
	font-size: 14px;
	background-color: #6f748c;
	border: 1px solid #6f748c;
	width: 180px;
	height: 50px;
	box-sizing: border-box;
	font-weight: bold;
}

.box_btn .btn + .btn {
	margin-left: 20px;
}

.box_btn .btn.cancel {
	background-color: #fff;
}

.box_alarm {
	padding: 18px 20px;
	border: 1px solid #dbebff;
	background-color: #f6faff;
	font-family: 'magun gothic',맑은고딕,sans-serif;
}

.box_alarm .tit_alarm {
	display: block;
	margin-bottom: 10px;
	color: #5076e4;
}

.list_alarm li {
	position: relative;
	padding-left: 7px;
	color: #616781;
	line-height: 1.7;
}

.list_alarm li + li {
	margin-top: 5px;
}

.list_alarm li:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #616781;
	border-radius: 50%;
	content: '';
}

/* 계정거래 가이드 */
.account_transaction_area {
	font-family: "Malgun Gothic", sans-serif;
}
.account_transaction_area .tab_type02 {
    margin: 38px 0 30px;
}
.account_transaction_area .account_transaction_check {
	margin-top: 50px;
	margin-bottom: 65px;
}
.account_transaction_area .account_transaction_check h4 {
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #2e74f4;
}
.account_transaction_area .account_transaction_check h4 span {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 18px;
	height: 18px;
	color: #fff;
	margin-right: 10px;
	background: #2e74f4;
	border-radius: 100%;
}
.account_transaction_area .account_transaction_check ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}
.account_transaction_area .account_transaction_check ul li {
	display: flex;
	align-items: center;
	width: 50%;
	padding: 0 20px;
	margin-top: 30px;
	box-sizing: border-box;
}
.account_transaction_area .account_transaction_check ul.cont_100 li {
	width: 100%;
}
.account_transaction_area .account_transaction_check p {
	white-space: nowrap;
	line-height: 18px;
	font-size: 12px;
	color: #888;
	margin-left: 10px;
}

.account_transaction_area .account_transaction_check ul.cont_caution {
	margin-top: 20px;
}
.account_transaction_area .account_transaction_check ul.cont_caution > li {
	display: block;
	width: calc(100% / 3 - 13.5px);
	height: 220px;
	border: 1px solid #e3e5e9;
	border-radius: 10px;
	margin-right: 20px;
	margin-top: 20px;
}
.account_transaction_area .account_transaction_check ul.cont_caution > li:nth-of-type(3n) {
	margin-right: 0;
}
.account_transaction_area .account_transaction_check ul.cont_caution > li .is_ico {
	height: 60px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.account_transaction_area .account_transaction_check ul.cont_caution > li p {
	font-size: 14px;
	font-weight: bold;
	color: #120b3d;
	margin: 25px 0 20px;
}
.account_transaction_area .account_transaction_check ul.cont_caution > li p > a {
	font-weight: 300;
	font-size: 11px;
	margin-left: 6px;
	color: #2e74f4;
	border-bottom: 1px solid #2e74f4;
}
.account_transaction_area .account_transaction_check ul.cont_caution > li ul li {
	position: relative;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #808080;
	width: auto;
	margin-top: 0;
	padding: 0;
	padding-left: 10px;
	white-space: nowrap;
}
.account_transaction_area .account_transaction_check ul.cont_caution > li ul li + li {
	margin-top: 10px;
}

.account_transaction_area .account_transaction_check ul.cont_caution > li ul li::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #2e74f4;
	border-radius: 100%;
}

.account_transaction_area .account_transaction_list {
	margin-top: 30px;
}
.account_transaction_area .account_transaction_list li + li {
	margin-top: 30px;
}
.account_transaction_area .account_transaction_list li h5 {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: center;
	color: #120b3d;
	margin-bottom: 10px;
}
.account_transaction_area .account_transaction_list li h5 span.num {
	line-height: .5;
	font-size: 12px;
	font-weight: bold;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-right: 10px;
	border-radius: 100%;
	background: #7e86a8;
}

.account_transaction_area .account_transaction_list li h5 span.sub {
	font-size: 14px;
	font-weight: 500;
	color: #888888;
	margin-left: 10px;
}
.account_transaction_area .account_transaction_list li .is_cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px 0;
	border: 1px solid #e3e5e9;
	border-radius: 10px;
	box-sizing: border-box;
}
.account_transaction_area .account_transaction_list li .is_cont img ~ img {
	margin-top: 30px;
}
.account_transaction_area .account_transaction_list li .is_cont p {
	font-size: 14px;
	color: #888888;
	margin-top: 20px;
}
.account_transaction_area .account_transaction_list li .is_cont .custom_text {
	display: flex;
	width: 100%;
}
.account_transaction_area .account_transaction_list li .is_cont .custom_text p {
	text-align: center;
	width: 100%;
}
.account_transaction_area .account_transaction_list li .is_cont .cont_col2 {
	display: flex;
	text-align: center;
	margin-top: 30px;
}
.account_transaction_area .account_transaction_list li .is_cont .cont_col2.mt-0 {
	margin-top: 0;
}
.account_transaction_area .account_transaction_list li .is_cont .cont_col2 div+div {
	margin-left: 20px;
}
.account_transaction_area .account_transaction_list li .is_cont p span {
	color: #f42e4f;
}
.account_transaction_area .btn_link {
	text-align: center;
	margin-top: 45px;
}
.account_transaction_area .btn_link a {
	font-size: 16px;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 50px;
	color: #fff;
	background: #6f748c;
}
.account_transaction_area .box_con {
	margin-top: 40px;
}
.account_transaction_area .box_con h3.sub_tit {
	margin-bottom: 20px;
}
.account_transaction_area .account_transaction_e-contract .info {
	display: flex;
	justify-content: space-between;
}
.account_transaction_area .account_transaction_e-contract .info .info_item {
	width: 240px;
	height: 260px;
	border: 1px solid #e3e5e9;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.account_transaction_area .account_transaction_e-contract .info .info_item01 .info_item_top {
	background: #01c9e4;
}
.account_transaction_area .account_transaction_e-contract .info .info_item02 .info_item_top {
	background: #01a2fd;
}
.account_transaction_area .account_transaction_e-contract .info .info_item03 .info_item_top {
	background: #2e74f4;
}
.account_transaction_area .account_transaction_e-contract .info .info_item .info_item_top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	height: 100px;
	padding: 0 0 25px 30px;
	box-sizing: border-box;
}
.account_transaction_area .account_transaction_e-contract .info .info_item .info_item_top h6 {
	font-size: 14px;
	color: #fff;
	margin-top: 13px;
}
.account_transaction_area .account_transaction_e-contract .info .info_item .info_item_text {
	line-height: 20px;
	font-size: 12px;
	padding: 30px 0 0 30px;
	color: #666;
}
.account_transaction_area .account_transaction_e-contract .guide {
	text-align: center;
	margin-top: 35px;
}
.account_transaction_area .account_transaction_e-contract .guide ol {
	display: flex;
	margin-top: 20px;
}
.account_transaction_area .account_transaction_e-contract .guide ol li {
	white-space: nowrap;
	line-height: 18px;
	font-size: 12px;
	width: 25%;
	color: #666;
}
.account_transaction_area .account_transaction_e-contract .ntc_type03 {
	margin-top: 100px;
}

/* 거래가이드 */
.trade_guide_area {
	box-sizing: border-box;
}
.trade_guide_area .tab_type03 {
	margin-bottom: 44px;
}
.trade_guide_area .tab_type03 a {
	display: flex;
    align-items: center;
    justify-content: center;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
.trade_guide_area .tab_type03_fz12 a {
	font-size: 12px;
}
.trade_guide_area .tit {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	color: #120b3d;
}
.trade_guide_area .process {
	display: flex;
	height: 117px;
}
.trade_guide_area .process ul {
	display: flex;
	flex-direction: column;
}
.trade_guide_area .process ul li + li {
	margin-top: 5px;
}
.trade_guide_area .process li {
	height: 100%;
}
.trade_guide_area .process > li {
	margin-left: -37px;
}
.trade_guide_area .process > li.process_item03 {
	margin-left: -35px;
}
.trade_guide_area .process a {
	position: relative;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	text-align: center;
	height: 100%;
	color: #808080;
	box-sizing: border-box;
}
.trade_guide_area .process li.on a {
	font-weight: bold;
	color: #635bca;
	text-decoration: underline;
}
.trade_guide_area .process_item01 a {
	font-size: 12px;
	width: 230px;
	height: 56px;
	padding-left: 15px;
	background: url('/resources/image/Cs/guide/img_buyguide01.png') no-repeat;
}
.trade_guide_area .process_item02 a {
	font-size: 12px;
	width: 230px;
	height: 56px;
	padding-left: 15px;
	background: url('/resources/image/Cs/guide/img_buyguide02.png') no-repeat;
}
.trade_guide_area .process_item03 a {
	width: 170px;
	height: 117px;
	padding-left: 65px;
	background: url('/resources/image/Cs/guide/img_buyguide03.png') no-repeat;
}
.trade_guide_area .process_item04 a {
	width: 170px;
	height: 117px;
	padding-left: 65px;
	background: url('/resources/image/Cs/guide/img_buyguide04.png') no-repeat;
}
.trade_guide_area .process_item05 a {
	width: 186px;
	height: 117px;
	padding-left: 65px;
	background: url('/resources/image/Cs/guide/img_buyguide05.png') no-repeat;
}
.trade_guide_area .process_item06 a {
	width: 151px;
	height: 117px;
	padding-left: 65px;
	background: url('/resources/image/Cs/guide/img_buyguide06.png') no-repeat;
}
.trade_guide_area .text_info {
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
	color: #808080;
}
.trade_guide_area .account_transaction_list {
	display: none;
}
.trade_guide_area .account_transaction_list.on {
	display: block;
}
.trade_guide_area .account_transaction_list h5.align-start {
	align-items: flex-start;
}
.trade_guide_area .account_transaction_list p {
	font-size: 12px;
	color: #120b3d;
	padding-left: 30px;
	margin-top: -7px;
	margin-bottom: 10px;
}
.account_transaction_area.trade_guide_area .account_transaction_check ul.cont_caution {
	margin-top: -10px;
}
.account_transaction_area .account_transaction_check ul.cont_caution > li.cont_caution_item2 {
	width: 500px;
	margin-right: 0;
}
/* 거래가이드 */


/* 설문조사 */
.menu_survey {
	padding: 10px 11px;
	margin-top: 20px;
	background: #f6faff;
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
}
.menu_survey_top {
	font-family:"Malgun Gothic", "맑은 고딕";
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.menu_survey_top p {
	font-size: 14px;
	font-weight: bold;
	color: #508be4;
}
.menu_survey_top a {
	display: flex;
	align-items: center;
	font-size: 11px;
	font-weight: bold;
	color: #508be4;
}
.menu_survey_top a img {
	margin-left: 2px;
}
.menu_survey button {
	letter-spacing: -1px;
	font-family:"Malgun Gothic", "맑은 고딕";
	font-size: 11px;
	width: 100%;
	height: 32px;
	padding: 0 10px;
	margin-top: 12px;
	text-align: left;
	color: #959595;
	background: #fff;
	border: 1px solid #cfcfcf;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.survey_list_table {
	font-family:"Malgun Gothic", "맑은 고딕";
	margin-top: 40px;
}
.survey_list_table th {
	height: 32px;
	color: #888888;
	padding: 0;
	border-top: 1px solid #e3e5e9;
	border-bottom: 1px solid #e3e5e9;
	background: #f1f2f4;
	box-sizing: border-box;
}
.survey_list_table td {
	color: #555;
	height: 45px;
	text-align: center;
	padding: 0;
	border-bottom: 1px solid #e6e6e8;
	box-sizing: border-box;
}
.survey_list_table td:first-child a {
	display: block;
	text-align: left;
	align-content: space-evenly;
	width: 100%;
	height: 100%;
	padding: 0 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
	box-sizing: border-box;
}
.survey_list_page {
	margin-top: 40px;
}

.survey_wrap {
	font-family:"Malgun Gothic", "맑은 고딕";
}
.survey_wrap .survey_tit {
	display: flex;
	align-items: center;
	padding-top: 20px;
	border-top: 1px solid #f1f1f1;
}
.survey_wrap .survey_tit span {
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	padding: 4px 9px;
	color: #f8f8f8;
	background: #625bca;
	border: 1px solid #625bca;
	border-radius: 13px;
	box-sizing: border-box;
}
.survey_wrap .survey_tit span.end {
	color: #d7dbe3;
	border: 1px solid #d7dbe3;
	background: transparent;
}
.survey_wrap .survey_tit h5 {
	font-size: 16px;
	font-weight: bold;
	margin-left: 6px;
	color: #616781;
}
.survey_wrap .survey_tit p {
	font-size: 13px;
	color: #888;
	margin-left: auto;
}
.survey_wrap .survey_tit b {
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	font-weight: bold;
	color: #635bca;
	margin-left: 8px;
}
.survey_wrap .survey_tit b img {
	margin-right: 2px;
}
.survey_wrap .survey_cont {
	padding: 40px 30px;
	margin-top: 20px;
	background: #f7f7f7;
	box-sizing: border-box;
}
.survey_wrap .survey_cont_info {
	padding-left: 15px;
	box-sizing: border-box;
}
.survey_wrap .survey_cont_info p {
	line-height: 1.4;
	font-size: 13px;
	color: #888888;
}
.survey_wrap .survey_cont_info p.survey_cont_info_reward {
	font-weight: bold;
	color: #635bca;
	margin: 30px 0 40px;
}
.survey_wrap .survey_cont .survey_item {
	padding: 32px 35px;
	background: #fff;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
}
.survey_wrap .survey_cont .survey_item + .survey_item {
	margin-top: 24px;
}
.survey_wrap .survey_cont .survey_item h6 {
	line-height: 1.3;
	font-size: 14px;
	font-weight: bold;
	color: #555;
}
.survey_wrap .survey_cont .survey_item h6 span {
	color: #888888;
	font-weight: 300;
}
.survey_wrap .survey_cont .survey_item h6 span.c-f42e4f {
	color: #f42e4f;
}
.survey_wrap .survey_cont .survey_item p {
	margin-top: 14px;
	color: #888;
}

.survey_wrap .survey_cont .survey_item .survey_item_type {
	display: flex;
	margin-top: 20px;
	margin-bottom: 23px;
}
.survey_wrap .survey_cont .survey_item .survey_item_type p {
	position: relative;
	margin-top: 0;
}
.survey_wrap .survey_cont .survey_item .survey_item_type p+p {
	margin-left: 20px;
}
.survey_wrap .survey_cont .survey_item .survey_item_type p+p::before {
	content: "";
	position: absolute;
	top: 4px;
	left: -10px;
	width: 1px;
	height: 10px;
	background: #e0e0e0;
}
.survey_wrap .survey_cont .survey_item .inp_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 7px;
}
.survey_wrap .survey_cont .survey_item .inp_box.inp_box_check {
	margin-top: 20px;
}
.survey_wrap .survey_cont .survey_item .inp_box.inp_box_check label.chkbox {
	font-family:"Malgun Gothic", "맑은 고딕";
	margin-top: 15px;
	height: 15px;
}
.survey_wrap .survey_cont .survey_item .inp_box.inp_box_check label.chkbox:nth-of-type(1) {
	margin-top: 0;
}
.survey_wrap .survey_cont .survey_item .inp_box.inp_box_check label.chkbox::before {
	width: 15px;
	height: 15px;
	border: 1px solid #9b9fb0;
	background: inherit;
	box-sizing: border-box;
}
.survey_wrap .survey_cont .survey_item .inp_box.inp_box_check input[type="checkbox"].type01:checked + label::before {
    background-position-x: inherit;
	background: url(/resources/image/design/customer/ico_survey_chk.png) no-repeat center;
	border: 1px solid #635bca;
	box-sizing: border-box;
}
.survey_wrap .survey_cont .survey_item .inp_box label.rdobox {
	font-family:"Malgun Gothic", "맑은 고딕";
	color: #555;
	margin-top: 15px;
}


.survey_wrap .survey_cont .survey_item textarea {
	font-family:"Malgun Gothic", "맑은 고딕";
	font-size: 13px;
	width: 100%;
	resize: none;
	padding: 13px 10px;
	margin-top: 20px;
	color: #1f2152;
	height: 65px;
	border: 1px solid #d7dbe3;
	box-sizing: border-box;
}
.survey_wrap .survey_cont .survey_item textarea.done {
	background-color: #feffbb;
}
.survey_wrap .survey_cont .survey_item textarea:focus {
	border: 1px solid #1f2152;
}
.survey_wrap .survey_cont .survey_item textarea.texton_etc {
	margin-top: 12px;
}

.survey_wrap .survey_cont .survey_item textarea.texton_resize {
	transition: all 0.3s;
}
.survey_wrap .survey_cont .survey_item textarea::placeholder {
	font-family:"Malgun Gothic", "맑은 고딕";
	font-size: 13px;
	color: #a9afbd;
}
.survey_wrap .survey_cont .survey_item textarea.texton_resize:focus {
    border-bottom: 0;
    border-color: #1f2152;
    height: 250px;
    overflow-y: scroll;
}
.survey_wrap .survey_cont .survey_item .reg_ipt_04 p {
	display: none;
}
.survey_wrap .survey_cont .survey_item .reg_ipt_04 p span {
	color: #616781;	
}
.survey_wrap .survey_cont .survey_item .reg_ipt_04 .texton_resize:focus ~ p {
    display: block;
    width: 100%;
    padding: 3px 15px 10px;
    border: 1px solid #1f2152;
    border-top: 0;
	margin-top: 0;
    background: #feffbb;
    font-size: 12px;
    color: #9b9fa7;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.survey_wrap .survey_cont .survey_item .texton_result {
	font-size: 12px;
	padding: 14px 20px;
	margin-top: 0;
	color: #555;
	background: #eceef2;
	border: 1px solid #d7dbe3; 
	height: inherit;
	box-sizing: border-box;
	align-content: space-evenly;
}
.survey_wrap .survey_cont .survey_item .texton_result02 {
	padding: 24px 20px;
}
.survey_wrap .survey_cont .survey_item .texton_result + .texton_result {
	margin-top: 24px;
}
.survey_wrap .survey_cont .survey_item .texton_result:focus,
.survey_wrap .survey_cont .survey_item .texton_result:hover,
.survey_wrap .survey_cont .survey_item .texton_result:active {
	background: #eceef2;
	border: 1px solid #d7dbe3; 
}
.survey_wrap .survey_cont .btn_full05 {
	line-height: 50px;
	font-family:"Malgun Gothic", "맑은 고딕";
	font-weight: bold;
	font-size: 16px;
	width: 200px;
	height: 50px;
	margin: 40px auto 0;
}
.survey_wrap .survey_cont .btn_full05.btn_full05_result {
	width: 166px;
	height: 49px;
	margin-top: 32px;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge {
	padding-top: 30px;
	border-top: 1px solid #e0e0e0;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item {
	display: flex;
	padding: 0 27px;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item + .survey_item_gauge_item {
	margin-top: 20px;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item p {
	line-height: 1.5;
	width: 263px;
	min-width: 263px;
	margin-top: 0;
	color: #555555;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item span {
	font-size: 13px;
	color: #888;
	margin-left: 13px;
	white-space: nowrap;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item span.on {
	font-size: 13px;
	font-weight: bold;
	color: #714dc4;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item_bar {
	position: relative;
	width: 231px;
	min-width: 231px;
	height: 13px;
	border-radius: 3px;
	margin-top: 3px;
	background: #f1f1f2;
	overflow: hidden;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item_bar_gratify {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 3px;
	overflow: hidden;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item_bar_gratify01 {
	background: #9670ed;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item_bar_gratify02 {
	background: #baa4ef;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item_bar_gratify03 {
	background: #ddd1fa;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item_bar_gratify04 {
	background: #ddd7ec;
}
.survey_wrap .survey_cont .survey_item .survey_item_gauge_item_bar_gratify05 {
	background: #e0e0e0;
}
.pop_survey_submit {
	font-family: notoKR, sans-serif;
	z-index: 2001;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.pop_survey_submit .pop_submit_close {
	width: 24px;
	height: 24px;
	background: url("/resources/image/design/common/symbol/ico_close_24x23_757a90.png") no-repeat;
	cursor: pointer;
}
.pop_survey_submit .pop_submit_cont {
	width: 460px;
	padding: 20px 30px 30px;
	background: #fff;
	border: 1px solid #616161;
	box-sizing: border-box;
}
.pop_survey_submit .pop_submit_cont_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 28px 15px;
	margin: 0 -28px;
	border-bottom: 2px solid #cfd1d8;
}
.pop_survey_submit .pop_submit_cont_top h6 {
	font-size: 20px;
	color: #333;
}
.pop_survey_submit .pop_submit_cont_item {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 30px;
}
.pop_survey_submit .pop_submit_cont_item .list_items_cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: calc(50% - 9px);
	height: 162px;
	background: #f6f6f6;
}
.pop_survey_submit .pop_submit_cont_item .list_items_cont p {
	font-size: 14px;
	color: #333;
}
.pop_survey_submit .pop_submit_cont_item .list_items_cont .list_items_cont_img01 {
	margin-bottom: 18px;
}
.pop_survey_submit .pop_submit_cont_item .list_items_cont .list_items_cont_img02 {
	margin-bottom: 18px;
}
.pop_survey_submit .pop_submit_cont_item .list_items_cont .list_items_cont_img03 {
	margin-bottom: 18px;
}
.pop_survey_submit .pop_submit_cont_item .list_items_cont .list_items_cont_img04 {
	margin-bottom: 11px;
}

.pop_survey_submit .pop_submit_cont_info {
	margin-top: 30px;
}
.pop_survey_submit .pop_submit_cont_info li {
	position: relative;
	font-size: 12px;
	padding-left: 8px;
	color: #7d7d7d;
}
.pop_survey_submit .pop_submit_cont_info li+li {
	margin-top: 3px;
}
.pop_survey_submit .pop_submit_cont_info li::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #d8d8d8;
}

.pop_survey_result {
	font-family: notoKR, sans-serif;
	z-index: 2001;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
.pop_survey_result .pop_survey_result_close {
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	background: url("/resources/image/design/common/symbol/ico_close_24x23_757a90.png") no-repeat;
	cursor: pointer;
}
.pop_survey_result .pop_survey_result_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 28px 15px;
	margin: 0 -28px;
	border-bottom: 2px solid #cfd1d8;
}
.pop_survey_result .pop_survey_result_top h6 {
	line-height: 1.2;
	font-size: 20px;
	color: #333;
}
.pop_survey_result .pop_survey_result_cont {
	width: 460px;
	padding: 20px 30px 30px;
	background: #fff;
	border: 1px solid #616161;
	box-sizing: border-box;
}
.pop_survey_result .pop_survey_result_item {
	height: 100%;
	max-height: 530px;
	margin-top: 30px;
	padding: 20px 23px;
	background: #f7f6f8;
	overflow-y: auto;
	box-sizing: border-box;
}
.pop_survey_result .pop_survey_result_item p {
	position: relative;
	font-size: 13px;
	color: #333;
}
.pop_survey_result .pop_survey_result_item p+p {
	margin-top: 30px;
}
.pop_survey_result .pop_survey_result_item p::before {
	content: "";
	position: absolute;
	top: 7px;
	left: -8px;
	width: 3px;
	height: 3px;
	background: #888888;
}