/*******************style.css************************
2013.12 inamax d&si 김기선, 임종문 /ina@inamax.co.kr
*******************style.css************************/


@charset "utf-8";


html, body { height:100%; -webkit-text-size-adjust:none; }

body, input, select, button, textarea,h5, h6, table { font:normal 14px/1.5   '楷体', '华文楷体', Arial, sans-serif,'Arial Narrow',HELVETICA !important; color:#333;letter-spacing:-1px;}
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0;}
ol, ul, li { list-style:none; }
img, fieldset { border:0 none; }
input, select, textarea { vertical-align:middle; resize:none; position:relative; }
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; }
input[type="checkbox"] { -webkit-appearance:checkbox; }
input[type="radio"] { -webkit-appearance:radio; -webkit-border-radius:10px; }
button { border:0 none; background:transparent; cursor:pointer; }
hr { display:none; }
legend, .hide { width:0; height:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; }
table caption { width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; }

table { border-collapse:collapse; border-spacing:0; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display:block; }
figcaption {width:0; height:0; visibility:hidden; text-indent:-9999px; font-size:0; line-height:0; }
a:link, a:visited { text-decoration:none; color:#666; }
a:active, a:hover, a:focus { text-decoration:underline; }

input.basic { height:19px; line-height:19px; padding:0 5px; border:1px solid #cacaca; *margin-top:-1px; _margin-top:-2px; }
textarea.basic { border:1px solid #cacaca; padding:5px; overflow:scroll; overflow-x:hidden; *margin-top:-1px; _margin-top:-2px; }
select.basic { height:21px; }

#main_top {position:fixed; top:0px;right:30px;height:60px;float:right;z-index:9999;}
#main_top li.national {float:right;width:50px;height:60px;text-align:center;font-weight:600;font-size:0.8em;letter-spacing:-1px;background:url('/images/n_kor.png') no-repeat;background-position:10px 14px;}
#main_top li.top_wechet {float:right;width:50px;height:60px;text-align:center;font-weight:600;font-size:0.8em;letter-spacing:-1px;background:url('/images/top_wechet.png') no-repeat;background-position:10px 7px;}
#main_top li.national a {width:100%;height:25px; display:block;padding-top:35px;text-decoration:none;font-size:0.9em;}

textarea.register { border:1px solid #cacaca;overflow:scroll; overflow-x:hidden; *margin-top:-1px; _margin-top:-2px;width:100%; }
b {font-weight:700;}
/* Basic Style END */
.clearfix {
  *zoom: 1;
  display:inline-block;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}




h1 { font-size:16px;font-weight:700;margin:5px 0;}
h2 {font-size:12px; text-align:center; letter-spacing:-1px;margin-top:7px; }
h3 {font-size:12px; letter-spacing:0px;margin-bottom:7px;	filter:alpha(opacity=50);	-moz-opacity:0.5;  	-khtml-opacity: 0.5;	opacity: 0.5;   }
h4 {font-size:12px; letter-spacing:0px;}
 
.styled-select select {background: #fff;display:inline;padding:2px;font-size:12px;line-height: 1;border:1px solid #bbb;height: 23px;-webkit-appearance: none; vertical-align:middle;overflow: hidden;border-radius: 0px;-webkit-border-radius: 0px;}

input[type~="text"] {border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; font-size:12px; -webkit-appearance: none; }
input[type~="file"] {border:none; font-size:12px; -webkit-appearance: none;}
input[type~="password"] {border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; font-size:12px !important;  -webkit-appearance: none;}
input[type~="checkbox"] {margin-bottom:2px;padding:0;padding:1px;vertical-align:middle;}
input[type~="radio"] {border:none;margin:-1px 0;padding:0;vertical-align:middle;}
input.text {
	height:21px;
	margin:0px;
	border:1px solid #aaa;
	color:#333;
	vertical-align:top;
	letter-spacing:0px;
	
}




#wrap {margin: 0px;width:100%;height:100%;}

#quickC {position:fixed; top:0px;z-index:1001;}
#quickC_close {float:left;background:url('/m/mcn/images/close.png') no-repeat center center;width:50px;height:50px;cursor:pointer;background-size:100% auto;}
#quickC_open {float:left;background:url('/m/mcn/images/open.png') no-repeat  center center;width:50px;height:50px;cursor:pointer;background-size:100% auto;}
#quick {position:absolute;width:100%;height:100%;background:#fff;}
/*#quick {position:fixed;top:0;left:0px;z-index:1000; width:100%; height:100%; margin:0px; padding:0; color:#000;background:#fff;}
.quickWrap {position:absolute;width:100%; height:100%; top:0px;left:0px;margin:0px; padding:0px;background:#fff; overflow:auto;-webkit-overflow-scrolling: touch;}*/

#b_bk {position:fixed;width:100%;height:150%;top:-50px;background:#000;z-index:3;display:none;}
.opacity-effect {filter:alpha(opacity=70);	-moz-opacity:0.7;  	-khtml-opacity: 0.7;	opacity: 0.7;}

#wrapper1 {
position:fixed;
	width:160px;
	height:150%;
	background:url('/m/mcn/images/bk_left.png');
	background-size:160px auto;
	overflow:hidden;
	z-index:100;
	display:none;
}

	.alpha20 {
		/* Fallback for web browsers that don't support RGBa */
		background-color: rgb(0, 0, 0);
		/* RGBa with 0.6 opacity */
		background-color: rgba(0, 0, 0, 0.2);
		/* For IE 5.5 - 7*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
	}



.lang_navi {width:160px; height:50px;border-bottom:1px solid #2b2f37;overflow:hidden;}
.lang_navi li{margin:0; padding:0; float:left; width:51px; height:50px;text-indent:-9999px;border-bottom:1px}
.img  {background:url('/m/mcn/images/language_kr.png')0 0; background-repeat: no-repeat; background-size:51px; height:50px;}
.img2 {background:url('/m/mcn/images/language_cn.png') 0 0; background-repeat: no-repeat; background-size:51px; height:50px;}
.img3 {background:url('/m/mcn/images/language_en.png') 0 0; background-repeat: no-repeat; background-size:51px; height:50px;}


#content1 {
	width:176px;
	height:100%;bottom:0px;
	overflow-y:scroll;
	overflow-x:hidden;
	}
	.content li {text-indent:-9999px;border-bottom:1px solid #2b2f37;overflow:hidden;width:160px;}
	.content li a {display:block;width:160px;height:50px;}
	.content li.menu1 {background:url('/m/mcn/images/menu_left01_china.png') no-repeat;background-size:160px auto;background-position:0 0;}
	.content li.menu2 {background:url('/m/mcn/images/menu_left01_china.png') no-repeat;background-size:160px auto;background-position:0px -50px;}
	.content li.menu3 {background:url('/m/mcn/images/menu_left01_china.png') no-repeat;background-size:160px auto;background-position:0px -100px;}
	.content li.menu4 {background:url('/m/mcn/images/menu_left01_china.png') no-repeat;background-size:160px auto;background-position:0px -150px;}
	.content li.menu5 {background:url('/m/mcn/images/menu_left01_china.png') no-repeat;background-size:160px auto;background-position:0px -200px;}
	.content li.menu6 {background:url('/m/mcn/images/menu_left01_china.png') no-repeat;background-size:160px auto;background-position:0px -250px;}
	.content li.menu7 {background:url('/m/mcn/images/menu_left01_china.png') no-repeat;background-size:160px auto;background-position:0px -300px;}
	.content li.menu1 a.on {background:url('/m/mcn/images/menu_left02_china.png') no-repeat;background-size:160px auto;background-position:0 0;}
	.content li.menu2 a.on {background:url('/m/mcn/images/menu_left02_china.png') no-repeat;background-size:160px auto;background-position:0px -50px;}
	.content li.menu3 a.on {background:url('/m/mcn/images/menu_left02_china.png') no-repeat;background-size:160px auto;background-position:0px -100px;}
	.content li.menu4 a.on {background:url('/m/mcn/images/menu_left02_china.png') no-repeat;background-size:160px auto;background-position:0px -150px;}
	.content li.menu5 a.on {background:url('/m/mcn/images/menu_left02_china.png') no-repeat;background-size:160px auto;background-position:0px -200px;}
	.content li.menu6 a.on {background:url('/m/mcn/images/menu_left02_china.png') no-repeat;background-size:160px auto;background-position:0px -250px;}
	.content li.menu7 a.on {background:url('/m/mcn/images/menu_left02_china.png') no-repeat;background-size:160px auto;background-position:0px -300px;}
	.content li.logo {background:url('/m/mcn/images/logo_coco.png') no-repeat;background-size:160px auto;background-position:0 0;border:0px;}
	.content li.m_kr {background:url('/m/mcn/images/m_kr.png') no-repeat;background-size:160px auto;background-position:0 0;border:0px;}

	.unselectable {
		-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
 
}
#main_menu {position:relative;left:0px;height:41px;width:100%;background:#000;z-index:9;text-align:center;}

/***************************************************** 
터치 슬라이드 화면 (imgsize에 들어있던 소스 min-height:100%;)
******************************************************/
#touchSlider6 {margin-top:0px;width:100%; height:100%; margin:0 auto; position:relative;overflow:hidden; min-width:320px;}
#touchSlider6 ul { width:9999px; height:2000px;  position:absolute; top:0; left:0;overflow:hidden;}
#touchSlider6 ul li { float:left; height:2000px;width:100%;background:#FFF;}

.imgsize {width:100%;}
.basize {width:100%;}



/*******************************************************
메인페이지 상단 메뉴
********************************************************/
.btn_area			{overflow:hidden; }
.btn_area button	{display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold; }
.btn_area button.btn_prev	{float:left; }
.btn_area button.btn_next	{float:right; }
.btn_area .btn_page			{display:inline-block; width:11px; height:11px; margin:2px; font-size:0px; line-height:0; text-indent:-9999px; background:url('/m/mcn/images/s_off.png'); background-size: 100%;}
.btn_area .btn_page.on		{background: url('/m/mcn/images/s_on.png');background-size: 100%;}
.btn_area .btn_page1		{display:inline-block; width:7px; height:7px; margin:1px; font-size:0px; line-height:0; text-indent:-9999px; background:url('/m/mcn/images/s_off.png'); background-size: 100%;}
.btn_area .btn_page1.on		{background: url('/m/mcn/images/s_on.png');background-size: 100%;}


/* Board*/
.Board	{padding:5px 0;font-size:1em;line-height: 100%;}
.Board	ul	{width:100%;display:table;}
.Board	li	{padding:1px 0 2px 10px;}
.Board	li	a	{line-height:1em;letter-spacing:-1px;font-weight:700;}
.Board	li	em	{float:right;font-size:0.9em;color:#777;}
.Board	li.line	{padding:8px 15px ;margin-top:0px;border-bottom:1px #d2d2d2 solid;background-position:0 16px;}
.Part {padding-bottom:14px;margin-bottom:9px;}


.reg_table {width:100%;margin:0;padding:0;text-align:left;position:relative;}
.reg_table ul {width:100%;display:inline-block;border-bottom:1px dotted #ccc;}
.reg_table ul.noline {width:100%;display:inline-block;border-bottom:0px;}

.reg_table ul li {display:table;padding:0;margin:5px 0;left:0;float:left;}
.reg_table ul li.title{width:22%;padding:2px 0 0 5px;font-weight:700;}
.reg_table ul li.content {width:76%;}
.reg_table ul li.next {width:100%;padding:10px 0; text-align:center;}

.board_title {width:100%;height:50px;background:#f3f1f0 url('/m/mcn/images/title_council.png') no-repeat center center;background-size:auto 100%;text-indent:-9999px;}
.board_title2 {width:100%;height:50px;background:#f3f1f0 url('/m/mcn/images/coco_mobile_menu_03cn.png') no-repeat center center;background-size:auto 100%;text-indent:-9999px;}
.board_title3 {width:100%;height:50px;background:#f3f1f0 url('/m/mcn/images/title_vs.png') no-repeat center center;background-size:auto 100%;text-indent:-9999px;}
.board_title4 {width:100%;height:50px;background:#f3f1f0 url('/m/mcn/images/coco_mobile_menu_02cn.png') no-repeat center center;background-size:auto 100%;text-indent:-9999px;}
.board_title5 {width:100%;height:50px;background:#f3f1f0 url('/m/mcn/images/title.m.png') no-repeat center center;background-size:auto 100%;text-indent:-9999px;}
.board_title6 {width:100%;height:50px;background:#f3f1f0 url('/m/mcn/images/coco_mobile_menu_01cn.png') no-repeat center center;background-size:auto 100%;text-indent:-9999px;}
.board_title9 {width:100%;height:50px;background:#f3f1f0 url('/m/mcn/images/coco_mobile_menu_05cn.png') no-repeat center center;background-size:auto 100%;text-indent:-9999px;}
.board_title10 {width:100%;height:50px;background:#f3f1f0 url('/m/meng/images/mobile_SNS_title.png') no-repeat center center;background-size:auto 100%;text-indent:-9999px;}
.board_title5 a {display:block;width:100%;height:100%;text-indent:-9999px;}


.ico_new {display:inline-block;width:11px;height:11px;background:url('/m/mcn/images/ico_new.png') no-repeat;background-size:100% auto;}


.footer {width:100%;height:32px;background:#FFF;padding-top:6px;border-top:1px solid #ddd;clear:both;}
.footer li.home { display:inline-block; height:25px;float:left;margin-left:5px;}
.footer li.logo { display:inline-block;height:25px;font-size:0.85em; text-align:center; font-weight:700;padding-top:5px;}
.footer li.list { display:inline-block;height:25px;float:right;margin-right:3px;padding-top:3px;}




#TopMenu			{width:100%;background:#222 url('/m/images/bg_topon1.gif');overflow:hidden;float:center;height:39px;position:relative;}
#TopMenu li			{width:20%; height:39px;display:inline-block;float:left;color:#FFF; font-size:1em;letter-spacing:-1px;font-weight:bold; text-align:center;overflow:hidden;}
#TopMenu li.long	{width:50%; height:39px;display:inline-block;float:left;color:#FFF; font-size:1em;letter-spacing:-1px;font-weight:bold; text-align:center;}
#TopMenu li a		{display:block;height:28px;padding:11px 0px 0;color:#FFF;}
#TopMenu li a.on	{background:#E43657;color:#fff;text-shadow:0 0 2px #630416;}


.tabber {width:99%;height:36px;top:0px;left:0px;clear:both;float:center;margin-bottom:-1px;border:1px solid #ddd;border-bottom:1px solid #fff;background:#f0f0f0;}
.tabber  li			{display:inline-block;height:36px;letter-spacing:-1px;font-weight:bold; text-align:center;}
.tabber  li a		{display:block;width:100%;height:29px;letter-spacing:-1px;border-bottom:1px solid #ddd;padding:7px 0 0; color:#878E92;}
.tabber  li a.on	{background:#fff;border-bottom:1px solid #f9f9f9;letter-spacing:-1px;color:#505659;}
.tabber  li.left	{display:inline-block;float:left;}
.tabber  li.middle	{float:left;display:inline-block;border-left:1px solid #ddd; margin-left:-1px;}
.tabber  li.right	{display:inline-block;border-left:1px solid #ddd; margin-left:-1px;}

.small-select select {background: #fff;display:inline;padding:1px;line-height: 1;border: 1px solid #ddd;height: 21px;-webkit-appearance: none; vertical-align:middle;overflow: hidden;border-radius: 0px;-webkit-border-radius: 0px;}



.bottom_area	{width:100%;overflow:hidden;vertical-align:middle;height:70px;padding-top:12px;color:#fff;letter-spacing:-1px;background:url('/m/mcn/images/bottom_bg.png') ;#000;text-align:center;}
.bottom_area li {display:inline-block; margin:0;padding:0;float:left;width:20%; height:70px;}