@charset "utf-8";


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea{vertical-align:middle}
fieldset,img,button{border:0 none;vertical-align:top}
button{overflow:visible;margin:0;padding:0;border:0;background:none;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
table{border:0;border-collapse:collapse;vertical-align:top; table-layout: inherit;}
html{width:100%;height:100%}
body{min-height:100%;}
body,input,textarea,select,button,table{font-family: Nanum Barun Gothic,sans-serif;font-size:12px;color:#333333}
body:lang(ja),input:lang(ja),textarea:lang(ja),select:lang(ja),button:lang(ja),table:lang(ja){font-family: “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”,Osaka, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;}
a{color:#000;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
input[type='checkbox']{width:13px;height:13px;vertical-align:top;-webkit-appearance:checkbox}
.blind,legend,caption span{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;color:transparent;font-size:0;line-height:1px;white-space:nowrap}
.sp_cs,.search dt,.help .mk_ex,.ic_new,.bl_ess,.tbl th .thin_ic .bl_ess,.filelist li .bn_x,.step_pcess li .ic_arrow,.bl_prev,.bl_next,.step_pcess li:before,.faqlist td a:after,.chk.checked,.sel:after
{display:inline-block;overflow:hidden;background:url(/resources/im/sp_cs.png) no-repeat; background-position: background-position;  line-height:999px;vertical-align:top}

.sp,.sns_area a,.video_area.add:after,.btn .ic:before,.btn_w .ic:before,.evt_lst_wrap .evt_lst li button:after,.filter_bx.bd .chk input:checked+label,.filter_bx:first-child .chk input:checked+label:before, .filter_area .color_zone .chk input:checked+label, .ck_bx label:before,.ck_bx2 label:before,.rdo label:before,.rdo2 label:before,.zone,.time_info:after,.inp_box.calendar button,.inp_box.clock button,.evt_lst_wrap.v2 .open .set_modi .zone:after,.evt_lst_wrap.v2 .open .chk input:checked+label,.s_tit_area li:before,.user:after,.instal .s_menu li.cfrm:after{display:inline-block;overflow:hidden;background:url(/resources/im/sp.png) no-repeat;line-height:999px;vertical-align:top}
h2{font-weight: 300;}
h3{font-weight: 300;}


/* common */
.fl{float:left}
.fr{float:right}
.fclear:after{display:block;clear:both;height:0;content:''}
.fclear{zoom:1}
.elp{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}

.bn_wrap{margin-top:40px;text-align:center}
.bn_wrap.v2{margin-top:30px}
.bn_wrap.v3{margin-top:70px}
.bn{display:inline-block;margin:0 1px 0 0;vertical-align:top}
.bn *{display:block;width:100%;height:100%;cursor:pointer;text-decoration:none !important}
.bn_big{width:176px;height:49px;border-radius:2px}
.bn_big *{font-size:18px;font-weight:500;line-height:49px;text-align:center}
.bn_big .ft_size{font-size:16px}
.bn_mid{width:108px;height:28px;border-width:1px;border-style:solid}
.bn_mid *{font-size:12px;line-height:28px;text-align:center}
.bn_mid2{width:70px;height:40px;background: #4b96e6;}
.bn_mid2 *{font-size:14px;line-height:28px;text-align:center;color: #fff;}
.bn_sm{width:58px;height:28px;border-width:1px;border-style:solid}
.bn_sm *{font-size:12px;line-height:28px;text-align:center}

.bn_w,.bn_w a:hover,.bn_w a:active,.bn_w a:focus{border-color:#e8e8e8;background:#fff;color:#333333}
.bn_w *{color:#333333}
.bn_bk ,.bn_bk a:hover,.bn_bk a:active,.bn_bk a:focus{border-color:#9b9b9b;border-radius:3px;background:#9b9b9b;color:#fff}
.bn_gy,.bn_gy a:hover,.bn_gy a:active,.bn_gy a:focus{border-color:#777;background:#777;color:#191a1c}
.bn_blue,.bn_blue a:hover,.bn_blue a:active,.bn_blue a:focus{border-color:#4b96e6;background:#4b96e6;color:#fff}
.bn_bk *,.bn_gy *,.bn_blue *{color:#fff}

.inp{height:32px;padding-left:20px;border:1px solid #c8c8c8;background:#fff;font-size:13px;line-height:32px}
.inp:focus{border-color:#4b96e6}
.inp.bgw{background:#fff}
.sel{display:inline-block;height:26px;padding:3px 4px 3px 8px;border:1px solid #c8c8c8;background:#fff;vertical-align:middle}
.sel select{height:19px;margin:0;padding:0;border:0;background:#fff;line-height:100%;*height:100%}
.inp_chk input[type='checkbox']{margin-top:2px}
.pr .help_txt{position:absolute;left:12px;top:21px;color:#999;font-size:12px}
.chk{display:inline-block;position:relative;width:12px;height:12px;margin:-2px 6px 0 0;border-radius:2px;background:#4a95e5;vertical-align:middle}
.chk input{position:absolute;top:0;left:0;width:10px;height:10px;border:0;background:none;opacity:0}
.chk label{font-size:14px;color:#333333;vertical-align:middle}
.chk.checked{background-position:-62px -23px;vertical-align:middle}
/* .sel{position:relative;background:none;-webkit-appearance:none;-moz-appearance:none}
.sel:after{position:absolute;top:50%;right:9px;width:8px;height:4px;margin-top:-2px;background-position:-20px -29px;content:''} */

.paging{width:500px;margin:40px auto 0;text-align:center}
.paging:after{display:block;clear:both;content:''}
.paging a,.paging strong{float:left;width:40px;height:40px;margin-left:-1px;border:1px solid #e8e8e8;color:#333333;font-size:16px;line-height:40px;vertical-align:middle;font-weight:normal}
.paging a:first-child{margin-left:0}
.paging strong{position:relative;border-color:#4b96e6;background-color:#4b96e6;color:#fff}
.paging a:hover{text-decoration:underline}
.paging .prev,.paging .next{width:40px;height:40px}
.paging .prev span,.paging .next span{width:9px;height:16px;margin-top:12px}
.paging .prev span{background-position:-56px 0}
.paging .next span{background-position:-67px 0}

.tbl table{width:100%;table-layout:fixed;border:0}
.tbl th,.tbl td{margin:0;padding:0 0;border:0;border-top:1px solid #e6e6e6;font-size:13px}
.tbl th{font-weight:normal;color:#4b4b4b;text-align:left;vertical-align:top}
.tbl th .thin_ic{position:relative;display:inline-block;padding:19px 0 19px 0}
.tbl th .thin_ic span{position:absolute;right:-18px;top:50%;margin-top:-4px}
.tbl th .thin_ic .bl_ess{background-position:-20px -19px}
.tbl td{height:29px;line-height:1.7;text-align:left;vertical-align:middle}
.tbl td .bn_r{padding-right:38px}
.tbl tr.none td{border-top:0}

.tbl_vt table{width:100%;border-top:1px solid #f4f4f4;clear:both;table-layout:fixed}
.tbl_vt th,.tbl_vt td{border:0;vertical-align:middle}
.tbl_vt th{height:40px;background:#7c7c7c url(/resources/img/customer/splf_cs.png) no-repeat 0 0px;font-size:14px;font-weight:500;color:#fff;text-align:center}
.tbl_vt th:first-child{background:#7c7c7c}
.tbl_vt td{height:50px;border-bottom:1px solid #f4f4f4;font-size:14px;color:#333333}
.tbl_vt .on{height:50px;border-bottom:1px solid #f4f4f4;font-size:14px;color:#4b96e6}

.help{margin-top:58px;padding:14px 0 15px 14px;border:1px solid #ccc;font-size:12px;color:#4b4b4b}
.help .mk_ex{width:13px;height:13px;margin:2px 5px 0 0;background-position:-94px 0}
.help a{color:#4b4b4b;text-decoration:underline}
.ic_new{width:31px;height:17px;margin-left:10px;background-position:0 0}
.bl_prev,.bl_next{display:inline-block !important;margin-top:11px;*margin-top:4px}
.bl_prev{width:4px;height:5px;margin-right:6px;background-position:-26px -34px}
.bl_next{width:4px;height:5px;margin-left:6px;background-position:-20px -34px}
.caution,.confirm{font-size:12px;color:#e91100}
.confirm{color:#01b806}
.caution .mk_ex,.confirm .mk_ex{width:13px;height:13px;margin:1px 5px 0 0;background-position:-133px -49px}
.confirm .mk_ex{background-position:-253px -69px}
.caution_tb{position:relative;margin:13px 0 5px;padding-left:12px;font-size:12px;color:#777;line-height:1.8}
.caution_tb .bu{position:absolute;top:0;left:0}
.caution_tb .mk_ex{position:absolute;left:0;top:0;width:13px;height:13px;background-position:-94px 0}
.caution_tb .chk{margin-left:0}
.bl_ess{width:9px;height:8px;background-position:-20px -19px}

.ess{position:relative;font-size:12px;color:#999;text-align:right}
.ess em{color:#40414c}
.ess .bl_ess{margin:4px 3px 0 0}
.ess.mt{margin-top:3px}

/* 고객센터 */
.content{padding:51px 0}
.content_notice{padding:0px 0 51px;}
.content_iu{padding:40px 0 0 0}
.snb .center dd:last-child{margin-top:5px;font-size:12px;font-weight:normal;color:#7c7c7c}
.s_tit_area{position:relative;padding:44px 0 20px;border-bottom:1px solid #d5d5d5}
.s_tit_area .tit{font-size:30px;color:#4b96e6}
.s_tit_area+.txt_pcess{padding-top:50px;font-size:18px}
.s_tit_area ul{position:absolute;bottom:27px;right:0}
.s_tit_area li{float:left}
.s_tit_area li:before{display:inline-block;width:7px;height:12px;margin:0 5px;background-position:-540px -134px;color:#c0c0c0;vertical-align:middle;content:''}
.s_tit_area li:first-child:before{background:none}
.s_tit_area li a{display:inline-block;font-size:13px;color:#7c7c7c;vertical-align:middle}
.sub_tit{padding-top:49px;font-size:18px;font-weight:500;color:#333333}
.sub_tit span{color:#4b96e6}
.sub_tit_iu{padding-top:45px;padding-bottom: 5px;font-size:24px;font-weight:500;color:#333;line-height: 1.5; letter-spacing: -0.2px;}
.sub_tit_iu span.iu{color:#777;font-size:14px; margin-left: 5px;}
.qna_lst{padding:35px 0 20px}
.qna_lst li{}
.qna_lst li a{font-size:14px;line-height:28px;color:#333333}

.search{padding:40px 0;text-align:center; background:#e5e5e5}
.search .sel{background:#fff;border: 1px solid #e5e5e5; height: 34px;}
.search .sel select{width:240px!important;background:#fff;font-size:16px;color:#333333; margin-top: 5px; }
.search .inp{min-width:500px!important;margin-left:-5px;padding-left:12px;font-size:16px;background:#fff; border: 1px solid #e5e5e5; height: 40px;}
.search dl{display:block;margin:16px 0 0 0;text-align:center}
.srchdl_lst{line-height:12px}
.search dt, .search dd{display:inline-block;font-size:12px;vertical-align:middle}
.search dt{width:60px;height:17px;margin:-1px 3px 0 0;vertical-align:middle;background-position:-78px 0}
.search dd {height:17px;margin-top:-1px;color:#999}
.search dd a{display:inline-block;margin:0 3px 0 5px;vertical-align:middle;font-size:12px;color:#9b9b9b}
.search .bn{margin-left:10px;margin-top: 1px;}
.sch_result{height:17px;margin:25px 0 -11px;padding-top:13px;border-top:1px solid #555;font-size:12px;color:#4b4b4b}
.sch_result em{font-weight:bold;color:#ff3c00}

.srchdl_lst{margin:16px 0 0 0;line-height:12px;text-align:center}
.srchdl_lst .word{width:60px;height:17px;margin:0 3px 0 0;vertical-align:middle;background-position:0 -49px}
.srchdl_lst .lst{display:inline-block;line-height:16px;color:#999}
.srchdl_lst .lst a{display:inline-block;margin:0 3px 0 5px;vertical-align:middle;font-size:12px;color:#999}

.tab_category{display:table;overflow:hidden;width:100%;height:40px;margin-top:30px;table-layout:fixed}
.tab_category_iu{margin-top:0px;}
.tab_category li{display:table-cell;border:1px solid #c8c8c8;border-width:1px 0 1px 1px;background:url(/resources/img/bl_left.png) no-repeat 0 -54px;font-size:14px;line-height:40px}
.tab_category li:first-child{border-left:1px solid #e4e4e4;background:none}
.tab_category li.last{border-right:1px solid #c8c8c8}
.tab_category li a{display:block;height:40px;color:#7c7c7c;text-align:center}
.tab_category li.on{line-height:40px}
.tab_category li.on a{position:relative;z-index:30;height:40px;margin:-1px;background:#555;color:#fff;text-decoration:none}

.faqlist{width:100%;margin-top:20px}
.faqlist.mt{margin-top:30px}
.faqlist td{position:relative}
.faqlist tr td:first-child{text-align:center}
.faqlist tr td:first-child:after{background:none}
.faqlist td a{position:relative;display:block;padding:17px 40px 17px 28px;color:#333333}
.faqlist td a:after{position:absolute;right:10px;top:50%;width:18px;height:10px;margin-top:-5px;background-position:-529px -241px;content:''}
.faqlist td span{position:relative;vertical-align:middle}
.faqlist td .elp{max-width:96%}
.faqlist td.answer{background:#f9f9f9}
.faqlist td.answer .inner{padding:27px 40px;line-height:1.65;color:#7c7c7c;text-align:left}
.faqlist td.answer.hide{display:none}
.faqlist td .on{color:#4a95eb}
.faqlist td .on:after{background-position:-529px -254px}
.faqlist td em{color:#ff3c00}
.faqlist td.date{font-size:12px;letter-spacing:0;text-align:center}
.faqlist td .txt_result{padding:86px 0;line-height:normal;margin:0;text-align:center;color:#4b4b4b}
.faqlist td .txt_result strong{font-size:24px}
.faqlist td .txt_result p{margin-top:24px;font-size:14px;line-height:1.4}
.faqlist td .txt_result a{display:inline-block;padding:0;color:#4b4b4b;text-decoration:underline}
.faqlist td .txt_result a:after{background:none}

.info_result{padding:70px 0 80px;border-bottom:1px solid #ccc;color:#565960;text-align:center}
.info_result strong{font-size:24px}
.info_result p{margin-top:22px;font-size:14px;line-height:1.4}

.inplist{margin-top:18px}
.inplist td{height:auto;padding:0 7px}
.inplist td div{padding:10px 0 11px}
.inplist .sel select{width:100%;font-size:13px}
.inplist .sel.ml{margin-left:5px}
.inplist .sel.ml2{margin-left:73px}
.inplist .inp{padding-left:12px;background:#fff;font-size:13px;color:#4b4b4b;box-sizing:border-box}
.inplist .mid{width:20px;color:#999;text-align:center}
.inplist textarea{padding:8px 15px;height:106px;line-height:1.27}
.inplist .alram_txt{margin-top:7px;font-size:14px;color:#777}
.inplist .ipt_email .mid2{width:5px}
.inplist .ipt_email .inp{width:100%}
.inplist .ipt_email .sel{height:23px}
.inplist .phone_area{padding-right:20%}
.inplist .inp_phone{position:relative;margin:10px 0 0;padding:0 0}
.inplist .inp_phone input[type='checkbox']{margin:-2px 5px 0 0;vertical-align:middle}
.inplist .inp_phone input[type='text']{width:100%;letter-spacing:1px}
.inplist .chk_area{position:absolute;top:50%;right:-106px;margin-top:-11px}
.inplist .mid_desh{width:20px;color:#999;text-align:center}
.inplist .inp_file{padding:0}
.inplist .inp_file .bn{position:relative;width:93px;height:30px;margin-left:3px;padding-top:2px;border-radius:2px;vertical-align:middle;cursor:pointer}
.inp_file .bn input{position:absolute;top:0;left:0;opacity:0;filter: alpha(opacity=1)}
.inplist .sel_file{overflow:hidden;display:inline-block;width:70%;height:32px;padding:0 15px;line-height:32px;vertical-align:middle;;white-space:nowrap;text-overflow:ellipsis;border:1px solid #b3b3b3;box-sizing:border-box}
.sel_file button{overflow:hidden;display:inline-block;width:59px;height:19px;line-height:100px;vertical-align:middle;background:url(/resources/im/btn_file.gif) no-repeat}
.sel_file span{display:inline-block;margin-left:4px;vertical-align:middle;color:#565960}
.filelist{overflow:hidden;width:70%;height:auto;margin-top:10px;padding:0 0 11px 0;border:1px solid #b3b3b3}
.filelist li{float:left;margin:12px 0 0 10px;font-size:12px;color:#999}
.filelist li .bn_x{width:18px;height:17px;margin:2px 0 0 10px;background-position:-42px -23px}
.inplist tr.last td{border-top:0}
.inplist tr.last td div{padding:23px 20px;background:#f5f5f5}
.inplist tr.last .caution_tb{margin-top:13px;padding-left:0;font-size:12px;color:#333333}

.d_tbl{display:table;width:100%;table-layout:fixed}
.d_tbl_cl{display:table-cell}

.cameralist{font-size:14px;color:#333333;margin-top: 45px;}
.cameralist_reset{margin-top: 59px;}
.cameralist_s{margin-top: 0px;}
.cameralist_s2{margin-top: 20px;}
.cameralist td{line-height:3.0;}
.cameralist td a{display:block;padding:11px 0 10px}
.cameralist td .inner{padding:14px 0 89px}
.cameralist td.on{border-bottom:0}
.cameralist td.on a{font-size:18px;text-decoration:none}
.cameralist td.on+.answer{display:block}
.cameralist .answer.hide{display:none}
.cameralist td.c_tit{font-size: 20px; padding: 40px 60px 10px 60px; color: #4b96e6; text-align: left;}
.cameralist td.c_tit span{color: #666; font-size: 16px;}
.cameralist td.c_tit span.warning{font-size: 20px; color:#262626; margin-right: 5px;}
.cameralist td.c_tit2{font-size: 16px; }
.cameralist td.c_stit{font-size: 16px; padding: 0px 60px; color: #4b96e6; text-align: left;}
.cameralist .cm_line{background: #ebebeb; height: 1px; margin-bottom: 30px;}
.cameralist .tit_equip{font-size: 24px; color: #333; letter-spacing: -0.3px;}
.cameralist .tit_equip span{color: #777; font-size: 14px; margin-left: 10px;}
.cameralist .equip_list{background: #fff; width: 100%; margin-bottom: 20px;}
.cameralist .equip_list_s{margin-bottom:50px;}
.cameralist .equip_list .equip_list_sdk{padding: 60px;}
.cameralist .equip_list .sdk_list{border-top: 1px solid #aaaaaa; width: 100%;}
.cameralist .equip_list .sdk_list td{line-height: 80px; border-bottom: 1px solid #e5e5e5;}
.cameralist .equip_list .sdk_list td.sdk_tit{background: #f9f9f9; font-size: 14px; color: #333; width: 20%; padding-left: 30px;}
.cameralist .equip_list .sdk_list td.sdk_txt{background: #fff; padding-left: 30px;}
.cameralist .equip_list .sdk_list td.sdk_txt .inp_01{width: 507px; height: 40px; outline: 1px solid #dddddd; margin-top: 20px; padding-left: 10px; color: #333;}
.cameralist .equip_list .sdk_list td.sdk_txt .inp_02{width: 181px; height: 40px; outline: 1px solid #dddddd; margin-top: 20px; padding-left: 10px; color: #333; margin-left: 3px; margin-right: 3px;}
.cameralist .equip_list .sdk_list td.sdk_txt .sel_01{width: 109px; height: 40px; margin-top: 0px; color: #333; padding-left: 10px;}
.cameralist .user_guide_list{background: #fff; width: 100%;}
.cameralist .user_guide_list .user_guide_video{position: relative; width: 100%; border: 1px solid rgba(0,0,0,.1); background: #eeeeee;}
.cameralist .user_guide_list .user_guide_video video {width: 100%; height: 673px; display: block;}
.cameralist .user_guide_list .user_guide_video .clip_play{position: absolute;width: 100%;z-index:100; height: 100%;}
.cameralist .user_guide_list .user_guide_video .clip_play span{top: 50%;position: absolute;left: 50%; margin-left: -45px; margin-top: -45px;}
.cameralist .user_guide_list .user_guide_video .clip_play span button{background:url(/resources/im/btn_clip_play02.png) no-repeat; width: 90px; height: 90px;}
.cameralist .user_guide_list .user_guide_video .clip_stop{position: absolute;width: 100%;z-index:100; height: 100%;}
.cameralist .user_guide_list .user_guide_video .clip_stop span{top: 50%;position: absolute;left: 50%; margin-left: -45px; margin-top: -45px;}
.cameralist .user_guide_list .user_guide_video .clip_stop span button{background:url(/resources/im/btn_clip_stop02.png) no-repeat; width: 90px; height: 90px;}
.cameralist .user_guide_list .user_guide_video .user_guide_video_thum{width: 100%; height: 673px; position: absolute; background: #000; opacity: 0.4; z-index: 2;}
.cameralist .user_guide_list .user_guide_video button.play{position: absolute; left: 50%; top: 50%; margin-top: -45px; margin-left: -45px; z-index: 3;}
.cameralist .user_guide_list .user_guide_video img.thum{width: 100%; height: 673px; display: block; position: absolute; z-index: 1;}
.cameralist .user_guide_list .user_guide_area{padding: 33px 60px 42px;}
.cameralist .user_guide_list .user_guide_area .user_txt{font-size: 14px; color: #333; line-height: 2.0;}
.cameralist .user_guide_list .user_guide_area .user_txt span{font-size: 23px; color: #333; font-weight: bold; line-height: 2.6;}
.cameralist .user_guide_list .user_guide_area .user_txt .user_day{position: relative; font-size: 14px; color: #999; margin-top: 10px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam{position: absolute; width: 174px; height: 35px; background: #3b579d; font-size: 14px; color: #fff; margin-top: -144px; margin-left: 906px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:lang(ja){width: 234px; margin-left: 840px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam img{vertical-align: middle; position: relative; margin-right: 5px; margin-top: -2px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:hover{background: #293d6e;}
@media screen and (min-width:1280px) and (max-width:1336px) {
.cameralist .user_guide_list .user_guide_area button.face_toastcam{position: absolute; width: 174px; height: 35px; background: #3b579d; font-size: 14px; color: #fff; margin-top: -144px; margin-left: 860px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:lang(ja){width: 234px; margin-left: 794px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam img{vertical-align: middle; position: relative; margin-right: 5px; margin-top: -2px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:hover{background: #293d6e;}
}
@media screen and (min-width:1216px) and (max-width:1280px) {
.cameralist .user_guide_list .user_guide_area button.face_toastcam{position: absolute; width: 174px; height: 35px; background: #3b579d; font-size: 14px; color: #fff; margin-top: -144px; margin-left: 840px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:lang(ja){width: 234px; margin-left: 774px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam img{vertical-align: middle; position: relative; margin-right: 5px; margin-top: -2px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:hover{background: #293d6e;}
}
@media screen and (min-width:1138px) and (max-width:1216px) {
.cameralist .user_guide_list .user_guide_area button.face_toastcam{position: absolute; width: 174px; height: 35px; background: #3b579d; font-size: 14px; color: #fff; margin-top: -144px; margin-left: 780px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:lang(ja){width: 234px; margin-left: 714px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam img{vertical-align: middle; position: relative; margin-right: 5px; margin-top: -2px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:hover{background: #293d6e;}
}
@media screen and (max-width:1138px) {
.cameralist .user_guide_list .user_guide_area button.face_toastcam{position: absolute; width: 174px; height: 35px; background: #3b579d; font-size: 14px; color: #fff; margin-top: -144px; margin-left: 670px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:lang(ja){width: 234px; margin-left: 624px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam img{vertical-align: middle; position: relative; margin-right: 5px; margin-top: -2px;}
.cameralist .user_guide_list .user_guide_area button.face_toastcam:hover{background: #293d6e;}
}
.cameralist .sdk_area01{padding: 30px 60px; background: #fff; }
.cameralist .txt_center{text-align: center; padding: 30px 0;}
.cameralist .txt_center_line{background: #e6e6e6; width: 1px; border-top: 60px solid #fff; border-bottom: 60px solid #fff;}
.cameralist td.c_txt{padding:0 60px; color:#777; font-size: 14px; padding-bottom: 47px; line-height: 36px;}
.cameralist td.c_txt:lang(ja){letter-spacing: -1px; font-size: 13px;}
.cameralist td.c_txt span{color:#333333;}
.cameralist td.c_txt span.sdk_sst{color: #4b96e6; margin-right: 5px;}
.cameralist td.c_txt_sdk{line-height: 30px;}
.cameralist td.c_txt_sdk_camera{padding: 0 50px 60px;}
.cameralist td.c_txt2{padding:10px 20px 40px 0px; color:#777; font-size: 14px; letter-spacing: -0.5px; line-height:1.6; vertical-align: top;}
.cameralist td.c_txt2:lang(ja){letter-spacing: -1px; font-size: 13px; line-height: 2.0;}
.cameralist td.c_txt2 span{color:#333333;}
.cameralist td.c_txt2 span.warning{color:#ef351c;}
.cameralist td.c_txt_app{line-height:2.5; font-size: 14px; color: #333; vertical-align: top; padding-right: 30px; padding-bottom: 60px;  letter-spacing: -0.3px;}
.cameralist td.c_txt_app span{color: #999;}
.cameralist td.c_txt_app img{vertical-align: middle;}
.cameralist td.c_txt_app img.num{position: relative; margin-top: -3px; margin-right: 8px;}
.cameralist td.c_txt_app .num_point{position: relative; margin-left: 30px; line-height:1.8; margin-bottom: 10px;}
.cameralist td.c_txt_app .num_point img{margin-top: -2px; margin-right: 8px;}
.cameralist td.api_txt{padding:0 60px; color:#777; font-size: 14px; padding-bottom: 50px; line-height: 28px;}
.cameralist .equip_list img.eq_point{position: relative; margin-right: 8px; vertical-align: middle; margin-left: -10px;}
.cameralist tr.c_mg{height: 50px;}
.cameralist td.cam_R{width: 400px; padding-left: 30px;}
.cameralist img.help_img{border: 0px; margin-bottom: 60px;}
.cameralist img.help_img_N{position: relative; margin-left: -24px; margin-right: 15px;}
.cameralist td.c_left_im{padding: 0 30px 0 60px; position: relative; width: 370px;}
.cameralist td.c_left_im_app{width: 562px; padding-left: 45px; vertical-align: top;}
.cameralist td.c_left_im02{width: 230px; padding-left: 40px; padding-right: 15px; padding-top: 8px;}
.cameralist td.c_left_im03{width: 193px; padding-left: 0px;}
.cameralist td.c_left_im03_N{width: 193px; padding-left: 0px; padding-right: 0px;}
.cameralist td.c_left_im04{width: 193px; padding-left: 60px;}
.cameralist td.c_txt2 span.c_txt2_ss{font-size: 14px; color: #333; font-weight: bold; line-height: 40px; margin-left: -10px;}

.cameralist td.c_txt .cam_cs{float: left; text-align: center; font-size: 16px; color: #333333; line-height: 1.6; font-weight: 500; width: 20%; margin-top: 8px;}
.cameralist td.c_txt .cam_cs img{margin-bottom: 30px;}
.cameralist td.c_txt .cam_cs_sdk img{margin-bottom: 20px;}
@media only screen and (max-width:1390px) {
.cameralist td.c_txt .cam_cs_sdk img{margin-bottom: 20px; width: 94%;}
}
.cameralist td.c_txt .cam_cs span.cam_cs_bt{color: #777; font-weight: 200; font-size: 14px;}
.cameralist td.c_txt .cam_cs2{float: left; text-align: center; font-size: 14px; color: #333333; line-height: 1.6; font-weight: 500; width: 50%;}
.cameralist td.c_txt .cam_cs2 img{margin-bottom: 30px;}
.cameralist td.c_txt .cam_cs2 span.cam_cs_bt{color: #777; font-weight: 200; font-size: 14px;}

.cameralist td.c_left_reset{padding: 60px 40px 60px 60px; position: relative; width: 230px;}
.cameralist td.c_left_reset_txt{font-size: 13px; color: #777; line-height: 26px; vertical-align: top; padding-top: 68px; padding-right: 60px;}
.cameralist td.c_left_reset_txt:lang(ja){letter-spacing: -1px;}
.cameralist td.c_left_reset_txt span{font-size: 20px; color: #333;}

.cameralist td.c_left_sdk{padding: 60px 0px; position: relative; width: 270px; text-align: center;}
.cameralist td.c_left_sdk_txt{font-size: 14px; color: #777; line-height: 22px; vertical-align: top; padding-top: 80px; padding-right: 60px;}
.cameralist td.c_left_sdk_txt span{font-size: 24px; color: #333;}
.cameralist td.sdk_bt_ln{border-bottom:1px solid #e6e6e6;}
.cameralist button.sdk_send{width: 200px; text-align: center; line-height: 60px; border-radius: 30px; font-size: 16px; color: #fff; background: #4b96e6; margin-top: 40px; position: relative; left: 50%; margin-left: -100px;}

/*.userGuide_sns_btn_box{position: relative; margin-top: 30px;}
.userGuide_sns_btn_box_disable{opacity: 0.2;}
.userGuide_sns_btn_box .link{width:16px;height:16px;margin-left:25px;background-position:-197px -502px; opacity: 0.8;}
.userGuide_sns_btn_box .email{width:16px;height:16px;margin-left:0px;background-position:-190px -337px; opacity: 0.8;}
.userGuide_sns_btn_box .twt{width:18px;height:16px;margin-left:0px;background-position:-208px -337px; opacity: 0.8;}
.userGuide_sns_btn_box .face{width:16px;height:16px;margin-left:20px;background-position:-226px -337px; opacity: 0.8;}
.userGuide_sns_btn_box .kakao{width:16px;height:16px;margin-left:20px;background-position:-244px -337px; opacity: 0.8;}
.userGuide_sns_btn_box .kakao_story{width:16px;height:16px;margin-left:20px;background-position:-394px -422px; opacity: 0.8;}
.userGuide_sns_btn_box .tumblr{width:16px;height:16px;margin-left:20px;background-position:-410px -422px; opacity: 0.8;}
.userGuide_sns_btn_box .blog{width:20px;height:16px;margin-left:24px;background-position:-426px -422px; opacity: 0.8;}
.userGuide_sns_btn_box .userGuide_fl{float: left;}
.userGuide_sns_btn_box .userGuide_fr{float: right;}
.userGuide_sns_btn_box .face_toastcam{position: relative; width: 174px; height: 35px; background: #3b579d; font-size: 14px; color: #fff; top: -10px;}
.userGuide_sns_btn_box .face_toastcam img{vertical-align: middle; position: relative; margin-right: 5px; margin-top: -2px;}*/

.userGuide_list_area{padding-top:0px;}
.userGuide_list_area .us_lst_video{margin:10px 0 40px; background: #fff; padding: 40px 40px 40px 60px; overflow: hidden;}
.userGuide_list_area .us_lst_video li a{display:block;position:relative; height: 230px;}
.userGuide_list_area .us_lst_video li{width:245px; padding: 20px 30px 40px 0; float: left;}
.userGuide_list_area .us_lst_video li .txt_area{height:16px;padding-top:15px;}
.userGuide_list_area .us_lst_video li strong{display:block;font-size:16px;color:#333333; font-weight: 400; line-height: 1.6; letter-spacing: -0.3px;}
.userGuide_list_area .us_lst_video li span{font-size:14px;color:#999; font-weight: 300; line-height: 2;}
.userGuide_list_area .us_lst_video li a:hover .txt_area strong,.lst_video li a:hover .txt_area span{text-decoration:underline}
.userGuide_list_area .us_lst_video li .video_area{position:relative;background-color: #333;}
.userGuide_list_area .us_lst_video li .video_area:before{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,.2);content:''}
.userGuide_list_area .us_lst_video li .video_area{text-align:center}
.userGuide_list_area .us_lst_video li .video_area img{display:block; width:245px; height: 165px;}
@media screen and (min-width:1280px) and (max-width:1336px) {
.userGuide_list_area .us_lst_video li{width:235px; padding: 20px 30px 50px 0; float: left;}
.userGuide_list_area .us_lst_video li .video_area img{display:block; width:235px; height: 158px;}
}
@media screen and (min-width:1216px) and (max-width:1280px) {
.userGuide_list_area .us_lst_video li{width:230px; padding: 20px 25px 50px 0; float: left;}
.userGuide_list_area .us_lst_video li .video_area img{display:block; width:230px; height: 155px;}
}
@media screen and (min-width:1138px) and (max-width:1216px) {
.userGuide_list_area .us_lst_video li{width:220px; padding: 20px 20px 50px 0; float: left;}
.userGuide_list_area .us_lst_video li .video_area img{display:block; width:220px; height: 148px;}
}
@media screen and (max-width:1138px) {
.userGuide_list_area .us_lst_video li{width:196px; padding: 20px 10px 50px 0; float: left;}
.userGuide_list_area .us_lst_video li .video_area img{display:block; width:196px; height: 132px;}
}

.pdf_down{width: 170px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #eee; text-align: center; font-size: 14px; color: #555; cursor: pointer;}
.pdf_down:hover{color: #333; background: #f9f9f9; border: 1px solid #e8e8e8;}
.pdf_down img{margin-right: 10px; position: relative; margin-top: 11px;}

.contwrap iframe{background: none;}

.txt_pcess{font-size:14px;line-height:1.5;color:#777;}
.txt_pcess em{color:#4b4b4b}
.step_pcess{display:table;width:100%;margin-top:30px;background:#f5f5f5;table-layout:fixed}
.step_pcess li{display:table-cell;position:relative}
.step_pcess li:before{position:absolute;top:50%;left:0;z-index:1;width:21px;height:21px;margin:-11px 0 0 -11px;border:1px solid #f0f0f0;border-radius:11px;background-color:#fff;background-position:-32px 0;vertical-align:middle;content:''}
.step_pcess li:first-child:before{background:none}
.step_pcess li strong{display:block;font-size:14px;color:#4a95eb}
.step_pcess li:first-child a{margin-left:0}
.step_pcess li a{display:block;height:62px;margin-left:-1px;padding:28px 0 0 34px;border:1px solid #e8e8e8;font-size:14px;color:#777}
.step_pcess li a:hover{text-decoration:none}
.step_pcess li p{display:none;position:absolute;right:2px;top:105px;width:100px;padding:13px 10px 10px;background:#ff3c00;color:#fff;font-size:12px;font-weight:normal;text-align:center;z-index:200}
.step_pcess li .ic_arrow{position:absolute;right:54px;top:-6px;width:11px;height:7px;background-position:-26px -100px}

.txt_api_area{font-size:14px;line-height:1.9;color:#999; margin-top: 40px;}
.txt_api_area em{font-size:18px; color:#333}

.bl_desh{padding-top:30px}
.bl_desh li{font-size:14px;color:#777;line-height:1.9;letter-spacing:0}

.qnalist{margin-top:46px}
.qnalist td a{position:relative;display:inline-block;width:96%;margin-left:22px;font-size:13px;color:#4b4b4b}
.qnalist td a .ic_new{display:inline-block;margin-left:10px}
.qnalist td .elp{display:inline-block;max-width:92%;width:auto;vertical-align:middle}
.qnalist .date{letter-spacing:0;text-align:center}
.qnalist .num,.qnalist .inp_chk,.qnalist .tdin{text-align:center}
.qnalist input[type='checkbox']{margin-right:15px}

.qnaview{padding:43px 0;line-height:1.6;vertical-align:top}
.qnaview dt{position:relative;padding-left:35px;font-size:18px;font-weight:bold;color:#333333}
.qnaview dt .date{position:absolute;top:0;right:0;font-size:14px;font-weight:normal;color:#333333;letter-spacing:0}
.qnaview dt .mark{position:absolute;left:0;top:2px;width:29px;height:32px}
.qnaview dd{padding-top:34px;font-size:14px}
.qnaview.q,.qnaview.a{border-top:1px dashed #d5d5d5}
.qnaview.q:first-child{padding-top:0;border-top:0}
.qnaview.q dt .mark,.qnaview.a dt .mark{width:25px;height:25px;border-radius:100%;background-color:#4a95eb;font-size:14px;color:#fff;text-align:center;line-height:25px}
.qnaview.a dt .mark{background-color:#777}

.noticelist{margin-top:0px;background: #fff;}
.noticelist .num,.qnalist .inp_chk,.qnalist .tdin{text-align:center}

.notiview{margin-top:-51px;}
.notiview dt{width:100%;padding:0 21px;height:92px;border-bottom:1px solid #d5d5d5;box-sizing:border-box;font-size:24px;font-weight:400;color:#333333;line-height:92px}
.notiview .info{padding:19px 21px;font-size:14px;color:#777}
.notiview .info:after{display:block;clear:both;content:''}
.notiview .info .fr span{padding-left:40px}
.notiview .noti{padding:50px 50px 50px 200px;color:#333333;line-height:1.5 ;background:#fcfcfc;}
@media only screen and (max-width:1390px) {
.notiview .noti{padding:50px 50px 50px 200px;color:#333333;line-height:1.5 ;background:#fcfcfc;}
}
.notiview .noti p{padding-top:30px}
.notiview .noti p:first-child{padding-top:0}

.bn_group{overflow:hidden;margin-top:5px;padding-top:15px;border-top:1px solid #e8e8e8}

.m_notice_tit{font-size: 17px; color: #333333; line-height: 1.4;}
.m_notice_day{font-size: 14px; color: #999;}
.m_notice_tit_view{font-size: 17px; color: #333333; line-height: 1.4; padding-top: 14px;}
.m_notice_day_view{font-size: 14px; color: #999;}
.m_notiview .noti{padding:30px 20px 25px 0;color:#333333;line-height:1.6;font-size: 15px;}
.m_notice_num{float: left; width: 80px; text-align: center;}
.m_notice_num a{font-size: 15px; color: #999;}
.m_notice_tit_pad{font-size: 17px; color: #333333; float: left; margin-left: 20px; margin-top: -2px;}
.m_notice_day_pad{font-size: 14px; color: #999; float: right; padding-right: 45px; margin-top: -1px;}
.m_notice_num_view_pad{float: left; width: 80px; text-align: center;}
.m_notice_num_view_pad a{font-size: 15px; color: #999; }
.m_notice_tit_view_pad{font-size: 17px; color: #333333; float: left; margin-left: 20px;}
.m_notice_day_view_pad{font-size: 14px; color: #999; float: right; padding-right: 45px; }
.m_notiview .noti_pad{padding:30px 45px 15px 103px;color:#333333;line-height:1.6;font-size: 15px;}


/*페이징*/
.paginate{margin-top:40px;font-size:0;text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;width:37px;height:36px;margin-left:-1px;border:1px solid #e8e8e8;color:#262626;font-size:14px;line-height:36px;vertical-align:middle;font-weight:normal; background: #fff;}
.paginate strong{border-color:#4b96e6;background:#4b96e6;color:#fff}
.paginate .on {border-color:#4b96e6;background:#4b96e6;color:#fff}
.paginate > a:first-child,.paginate .not_bar{margin-left:0}
.paginate .prev,.paginate .prev_end,.paginate .next,.paginate .next_end{width:37px;height:36px;background:url(/resources/im/sp_cs3.png) no-repeat !important ; }
.paginate .prev{background-position:-45px -44px !important}
.paginate .prev_end{background-position:-2px -44px !important}/*display:none*/
.paginate .next{background-position:-85px -44px !important}
.paginate .next_end{background-position:-128px -44px !important}/*display:none*/

/**/