@charset "utf-8";
/* Nate Mobile Base Style */
body { color:#666; font-size:14px; line-height:1; background:#232323; word-wrap:break-word; word-break:break-all; -webkit-text-size-adjust: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td {margin:0; padding:0; -webkit-text-size-adjust:none;}
img,fieldset {border:0}
ul,ol,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
hr {display:none;}
a {color:inherit;}    
a, a:link {color:#333; text-decoration:none;}
em,i,address {font-style:normal; font-weight:normal;}
legend,caption {display:none; clear:both;}
input,textarea,select,button,table {font-size:inherit;font-family:inherit;line-height:inherit; *font-size:100%;}
textarea, input {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
textarea {resize:none;}
label {cursor:pointer;}
a:visited {color:#333;}
a:hover, a:active {color:#333; text-decoration:none;}
.area_access { position:absolute; top:-1000px; left:-1000px; line-height:0; text-indent:-1000em; }
 
input[type="button"], input[type="text"],input[type="image"],input[type="submit"] {-webkit-appearance:none; -webkit-border-radius:0;}
input:checked[type="checkbox"] {background-color:#fff; -webkit-appearance:checkbox;}
button, input[type="reset"], input[type="button"], input[type="submit"] {line-height:normal !important;}
article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

header { position:relative; width:100%; height:44px; background:url('../img/bg_t.png') repeat 0 0; background-size: 6px 6px; }
	header h1 { float:left; padding:6px 0 0 16px; }
	header h1 .logo { display:block; width:110px; height:32px; background:url('../img/logo_cymera.png') no-repeat 0 0; background-size:110px 32px; text-indent:-9999px; }
	header .getapp { display:block; position:absolute; top:14px; right:20px; color:#21edba; text-decoration:underline; font-size:12px; font-family:Helvetica; text-shadow: 1px 1px 2px rgba(23, 23, 23, 0.5); }
	
/** introduce용 css 추가 **/
.wrap_introduce { position:relative; padding-bottom:100%; width:100%; background:#f7f7f7; }

.wrap_cont { position:relative; padding-bottom:20px; width:100%; background:#f7f7f7; }
	.area_pic { width:100%; text-align:center; }
	.area_pic img { display:block; margin:0 auto; padding:0; box-shadow: 1px 0px 10px #222; }
	.wrap_cont .view_h { padding:80px 0 120px 0; }
	.area_profile { position:absolute; width:100%; height:44px; bottom:0; }
	.area_profile .bg { display:block; width:100%; height:44px; background:#000; opacity:0.5; }
		.profile_wrap { position:absolute; left:12px; top:6px; float:left; color:#fff;z-index:1;font-size:12px; }
		.profile_wrap img { float:left; margin-right:8px; }
		.profile_wrap .name { float:left; display:block; height:30px; padding-top:8px; color:#21ebb8; font-size:14px; margin-right:8px; text-shadow: 0px -1px 1px rgba(9, 9, 9, 0.5); font-family:Helvetica; }
		.profile_wrap .info { float:left; display:block; height:28px; padding-top:10px; color:#fff; text-shadow: 0px -1px 1px rgba(9, 9, 9, 0.5); font-family:Helvetica; }	
		
	.error_wrap { width:100%; padding-top:260px; min-height:200px; background:url('../img/pic_error.png') no-repeat center 90px; background-size:123px 142px; text-align:center; }
	.error_wrap h2 { color:#979797; font-size:12px; font-weight:bold; font-family:Helvetica; padding-bottom:20px; }
	.error_wrap a { font-size:16px; font-weight:bold; font-family:Helvetica; text-decoration: underline; color:#21edba; }

	.visual_wrap { min-height:360px; background:url('../img/pic_api.png') no-repeat center 30px; background-size:300px 335px; }
	.visual_wrap.eng { background:url('../img/pic_api_en.png') no-repeat center 30px; background-size:300px 335px; }

.detail_exp{ margin:35px 10px 0 10px; border:1px solid #d3d3d3; background-color: #fff; font-family:Helvetica; }
.detail_exp .add_info{padding:15px 0;margin:0 10px;color:#3e4040;line-height: 16px;font-size:13px; font-family:Helvetica; border-bottom: 1px solid #d3d3d3;}
.tab_api_prop { overflow:hidden; }
	.tab_api_prop li { float:left; width:50%; border-bottom:1px solid #d3d3d3; }
	.tab_api_prop li a { position:relative; display:block; height:35px; line-height:35px; font-size:15px; font-weight:bold; color:#6a6a6a; text-align:center; }
	.tab_api_prop li a:before { content:''; display:block; position:absolute; bottom:0; width:100%; }
	.tab_api_prop li.on:first-child a { border-left:0; }
	.tab_api_prop li.on a { color:#ff8a00;}
	.tab_api_prop li.on{border-bottom: none;}
.viewBox{padding-top:25px;margin:0 10px;}
.viewTo{padding-bottom:15px;}
.viewTo .togLink{display:block;background-color:#373a41;color:#fff;font-weight: bold;font-size:14px;padding:4px 13px 4px 4px;}
.ico_arw{float:right;width:4px;height:11px;background: url('../img/ico_arw.png') 0 3px no-repeat;background-size: 4px 8px;}
.help_api{text-align: center;font-size:13px;background-color: #f4f4f4;padding:5px 0;border-top:1px solid #d3d3d3;}
.help_api span{background:url('../img/ico_email.png') 0 4px no-repeat;background-size: 11px 8px;padding-left:13px;}
.viewTo .on .ico_arw{width:11px;height:4px;background:url('../img/ico_arw_down_320.png') 0 0 no-repeat;background-size: 8px 4px;margin:6px -4px 0 0;}
.prop_h{color:#e88e00;padding: 15px 0 13px;font-weight: bold;}
.prop_c{color:#666;margin-bottom: 1px;background-color: #f3f3f3;padding:4px;}
.prop_c strong{color:#f40000;font-style: italic;}
.extra_text{color:#9b9b9b;padding-top: 3px;font-size:14px;}
.detailView h3{color:#3e4040;padding-left:18px;margin-top:13px;font-size:14px;background:url('../img/ico_dot_320.png') 0 2px no-repeat;background-size: 13px 13px;font-weight: bold;}
.tab_api_prop.tab3 li{width:33.3%;}
.tab_api_prop li:last-child a{border-left:none;}
.tab_api_prop li.on:nth-child(1) a{border-right:1px solid #d3d3d3;}
.tab_api_prop li.on:nth-child(2) a{border-left:1px solid #d3d3d3;}
.tab_api_prop.tab3 li.on:nth-child(2) a{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
.tab_api_prop li.on:nth-child(3) a{border-left:1px solid #d3d3d3;}
table.tbl_exp{border-spacing:1px;border-collapse:separate;}
table caption{display:none;}
.tbl_exp td{border-spacing:1;font-size:14px;padding:2px;}
.tbl_exp thead td{background-color: #e9e9e9;color:#373a41;line-height:16px;font-weight: bold;text-align: center;}
.tbl_exp td span{padding:4px 10px 4px;display:block;}
.tbl_exp .title{background-color: #e9e9e9;color:#373a41;}
.fontForDev{font-family: "Courier New", Courier, monospace;}
.fontForDev strong{color:#f40000;}
.fontForDev em{color:#f40000;font-style: normal;}
.tbl_exp td.center{text-align: center;}
.tbl_exp td.center span{padding-left:0;}
.tbl_exp tbody td{background-color: #f3f3f3;color:#666;}
.extra_title_text{padding-top:15px;color:#777;font-size:14px;line-height:16px;}

h2.tit_privacy { font-size:16px; padding:30px 0 10px 10px; font-weight: bold; color:#2f2f2f; }
.policy_wrap { margin:10px; padding:20px 10px; border:1px solid #9d9d9d; color:#797979; font-size:13px; line-height:1.5; }
.policy_wrap h3 { font-weight:bold; margin-top:20px; color:#404040; }
.policy_wrap h4 { font-size:12px; margin-top:20px; font-weight:bold; color:#404040; }
.policy_wrap h5 { margin-top:10px; color:#000 }
.policy_wrap h5, .policy_wrap h6 { font-weight:bold; }
.policy_wrap ol { margin: 10px 0 3px 29px; }
.policy_wrap table { margin:10px 0; width:100%; }
.policy_wrap table { border:1px solid #dedede; }
.policy_wrap table th, .policy_wrap table td { padding:10px; border:1px solid #dedede; }
.policy_wrap table th { text-align:center; }
.policy_wrap table td { text-align:left; }

/* faq */
.conBox { position:relative; width:100%; background:#f7f7f7; }
.titfaq { display:block; line-height:45px; overflow:hidden; background-color:#212121; }
.titfaq h3 { display:block; font-size:20px; letter-spacing:-1px; text-align:center; color:#fff; }

.faqList { width:100%; font-size:15px; letter-spacing:-1px; }
.faqList li { cursor:pointer; }
.faqList a { position:relative; display:block; padding:17px 50px 17px 15px; color:#333; border-bottom:1px solid #d5d5d5; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.faqList a .subst { display:block; padding-bottom:5px; font-size:13px; color:#75cec2;}
.faqList a .info { position:absolute; right:20px; font-size:13px; color:#b2b2b2; }
	.faqList a .info .btn { float:left; width:17px; height:11px; margin-top:0; text-indent:-9999em; background:url(../img/set_arrow.png) 0 0 no-repeat; background-size:17px 22px; }
.faqList li.active a .info .btn { float:left; width:17px; height:11px; text-indent:-9999em; background:url(../img/set_arrow.png) 0 -11px no-repeat; background-size:17px 22px; }
.faqList div { padding:0; display:none; background:#fff; }
.faqList div span { display:block; padding:15px; line-height:1.5; color:#757575; border-bottom:1px solid #d5d5d5; }

#footer { padding:32px 20px 35px 25px; background:#232323; }
	#footer p { clear:both; padding:10px 0; width:100%; text-align:center; font-size:9px; font-family:Helvetica, sans-serif; color:#545454; text-shadow: 0px -1px 1px rgba(9, 9, 9, 0.5); }
	#footer p.lk { padding:0; }
	#footer p.lk span { padding:0 5px; }
	#footer p.lk a { color:#545454; }
	.bt_wrap { display:block; }
	.bt_wrap li { float:left; display:block; }
	.bt_wrap li:first-child { padding-right:18px; }
	.bt_wrap li:last-child { padding-top:7px; }
	.bt_wrap a { display:block; text-indent:-9999px; }
	.bt_getapp { width:188px; height:46px; background:url('../img/btn_getapp.png') no-repeat 0 0; background-size:188px 46px; }
	.bt_fblike { width:69px; height:33px; background:url('../img/btn_fblike.png') no-repeat 0 0; background-size:69px 33px; }