@charset "utf-8";

/*fonts*/
@font-face {font-family:'NanumBarunGothic';
src: url('fonts/NanumBarunGothic.eot');
src: url('fonts/NanumBarunGothic.eot') format('embedded-opentype'),
url('fonts/NanumBarunGothic.woff') format('woff');}

/* reset */
html, body{width:100%; height:100%;}
html{font-size:100%}
*{box-sizing:border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video, button {margin:0; padding:0}
body,h1,h2,h3,h4,input,button{font-family:"Century Gothic","Roboto","Times new Roman","나눔바른고딕","NanumBarunGothic","나눔고딕","Nanum Gothic","dotum",sans-serif; font-size:14px; color:#000;}
body{background:#fff; *word-break:break-all; -ms-word-break:break-all; line-height:22px; -webkit-text-size-adjust:none; -moz-text-size-adjust:none;}
img,fieldset,iframe{border:0 none}
li {list-style:none}
input,textarea,select,button{vertical-align:middle; outline:none; font-family:"Century Gothic","Roboto","Times new Roman","나눔바른고딕","NanumBarunGothic","나눔고딕","Nanum Gothic","dotum",sans-serif;}
button{border:none;}
img{vertical-align:middle; border:none;outline:none}
i, em, address{font-style:normal}
label,button{cursor:pointer}
button{margin:0; padding:0}
a{color:#000;text-decoration:none; outline:none}
table{border-collapse:collapse; border-spacing:0; padding:0}
input[type="checkbox"], input[type="radio"]{margin-top:-2px;}
input[type="text"], input[type="password"]{-webkit-appearance:none;}

/*COMMON*/
.clearfix:after{content:"."; visibility:hidden; display:block; height:0;clear:both;}
.contents_wp{width:1140px; margin:auto; position:relative;}
.txtline_red{width:50px; height:2px; background:#ff553e; margin:0 auto 30px;}
.txtline_wh{width:50px; height:2px; background:#fff; margin:0 auto 30px;}

/*header_menu*/
.header_wp{width:100%; height:120px; background:rgba(0,0,0,0.6); position:fixed; z-index:2;}
.header_wp .header{width:1140px; margin:auto;}
.header_wp .header .logo{float:left; width:300px; height:120px; background:url(images/logo.png) no-repeat left center; background-size:100%; margin-right:30px;}
.header_wp .header .tel_num{float:left; width:170px; height:120px; background:url(images/1544-9669_01.gif) no-repeat left center; background-size:100%;}
.header_wp .header .menu_list{float:right; text-align:right; height:40px; margin-top:40px;    width: calc(100% - 500px);    font-size: 0;}
.header_wp .header .menu_list li{display:inline-block; line-height:40px;     padding: 0 15px 0 0;}
.header_wp .header .menu_list li a{color:#fff; display:block; font-size:16px;}

/*top_visual&request*/
#request{width:100%; height:870px; background:url(images/bg_top.jpg) no-repeat center top #152d56; background-size:100%; padding-top:120px; background-attachment:fixed;}

.left_info{float:left; color:#fff; padding-top:70px;}
.left_info p.en_txt{color:#5d96ff; margin-bottom:30px; font-size:26px;}
.left_info p.main_txt{font-size:36px; line-height:46px; margin-bottom:10px;}
.left_info p.str_txt{background:#ff3d23; font-size:44px; font-weight:bold; line-height:54px; margin-left:-5px; padding:5px 8px 8px 8px; margin-bottom:25px; display:inline-block;}
.left_info p.dic_txt{font-size:20px; line-height:28px; margin-bottom: 25px;}
.left_info p.thanks_txt{background:url(images/ico_shield.png) no-repeat left center; background-size:26px; font-size:16px; height:30px; line-height:30px; padding-left:35px; margin-top:20px;}
.left_info .icon_area .icon_info_list li{width:120px; height:120px; margin-right:15px; background:rgba(0,0,0,0.5); text-align:center; float:left; display:block; line-height:18px;}
.left_info .icon_area .icon_info_list li img{display:block; width:40px; margin:20px auto 10px;}

.application_form{float:right; padding-top:20px;}
.application_form .formbox{width:400px; background:rgba(43,100,206,0.7); border-radius:20px 20px 0 0; overflow:hidden;}
.application_form .formbox .box_header{background:#111c2e; padding:0 25px; height:45px; line-height:45px;}
.application_form .formbox .box_header .cs_info{float:left; color:#fff; font-size:11px; line-height:15px; margin-top:7px;}
.application_form .formbox .box_header .cs_info span{color:#6ac9ff;}
.application_form .formbox .box_header .tel_number{float:right; width: 180px; text-align:right; color:#ff3d23; font-style:italic; font-size:32px; background:url(images/1544-9669.gif) no-repeat left center; background-size:100%;}
.application_form .formbox .info_txt{padding:25px 25px 0; color:#fff;}
.application_form .formbox .info_txt p.info_main_txt{font-size:22px; margin-bottom:15px;}
.application_form .formbox .info_txt p.info_dic_txt{margin-bottom:20px;}
.application_form .formbox .form_mode{padding:0 25px 30px;}
.application_form .formbox .form_mode input{border:none; outline:none; height:45px; line-height:45px; border-radius:5px; margin-bottom:5px; padding:0 10px; width:100%;}
.application_form .formbox .form_mode textarea{border:none; outline:none; padding:10px; height:110px; border-radius:5px; margin-bottom:5px; width:100%; margin-bottom:15px;}
.application_form .formbox .form_mode label{color:#b1c4e5; font-size:11px;}
.application_form .formbox .form_mode .night_info_txt{color:#b1c4e5; font-size:11px; margin-bottom:5px; background:url(images/ico_info.png) no-repeat left center; background-size:18px; padding-left:25px; margin-bottom:10px; height:23px; line-height:23px;}
.application_form .formbox .form_mode .btn_request{background:#ff3d23; color:#fdff57; border-radius:5px; box-shadow:0 3px 3px rgba(0,0,0,0.4); font-size:18px; cursor:pointer;}
.application_form .formbox .form_mode .check_area input[type="checkbox"]{display:none;}
.application_form .formbox .form_mode .check_area label{width:100%; height:23px; line-height:23px;}
.application_form .formbox .form_mode .check_area input[type="checkbox"] + label .chk_img{padding:0 0 0 25px;	height:23px; background:url("images/ico_agreecheckbox.png")no-repeat left center; background-size:18px; cursor:pointer;}
.application_form .formbox .form_mode .check_area input[type="checkbox"]:checked + label .chk_img{background:url("images/ico_agreecheckbox_on.png") no-repeat left center; background-size:18px;}

/*랜섬웨어 복구 대응센터 소개*/
#introduce{text-align:center;}
#introduce .intro{background:url(images/bg_introduce.jpg) no-repeat center #c8d7ee; background-size:auto 380px; padding:80px 0;}
#introduce .intro p.intxt_en{color:#315eb2; letter-spacing:10px; font-weight:bold; margin-bottom:15px;}
#introduce .intro p.intxt_main{color:#203a62; font-size:36px; margin-bottom:40px;}
#introduce .intro p.intxt_dics{color:#666; font-size:16px;}

#introduce .prevention{background:#234e9f; color:#fff; padding:80px 0; font-size:18px; line-height:26px;}
#introduce .prevention .intxt_main{font-size:30px; margin-bottom:50px;}
#introduce .prevention .intxt_dics{}
#introduce .prevention .prevention_info_list{margin-bottom:30px;}
#introduce .prevention .prevention_info_list li{display:inline-block;}
#introduce .prevention .prevention_info_list li img{width:160px; display:block; margin-bottom:15px;}
#introduce .prevention .prevention_info_list li.img_arrow img{width:44px; margin:0 60px 15px;}

#introduce .promise{background:#fff; color:#666; padding:80px 0;}
#introduce .promise .intxt_main{font-size:30px; margin-bottom:50px; color:#222;}
#introduce .promise .promise_info_list{width:1140px; margin:auto;}
#introduce .promise .promise_info_list li{width:340px; float:left; margin:0 0 30px; text-align:left;}
#introduce .promise .promise_info_list li:nth-child(2){margin:0 60px;}
#introduce .promise .promise_info_list li img{width:100%; display:block; margin-bottom:20px; vertical-align:top;}

#introduce .reason{background:#e8f0f8; color:#666; padding:80px 0;}
#introduce .reason .intxt_main{font-size:30px; margin-bottom:40px; color:#222;}
#introduce .reason .intxt_en{color:#999; margin-bottom:50px;}
#introduce .reason .reason_list{width:1140px; margin:auto;}
#introduce .reason .reason_list li{width:164px; float:left; text-align:center; color:#222; font-size:18px; line-height:24px; margin:0 40px;}
#introduce .reason .reason_list li:first-child{margin:0 40px 0 0;}
#introduce .reason .reason_list li:last-child{margin:0 0 0 40px;}
#introduce .reason .reason_list li img{width:100%; display:block; margin-bottom:15px;}

/*랜섬웨어란?*/
#ransomware{background:url(images/bg_ransomeware.jpg) no-repeat center top #114070; background-size:100%; padding:80px 0; color:#fff;}
#ransomware p.intxt_en{color:#a9bdd1; letter-spacing:10px; font-weight:bold; margin-bottom:15px; text-align:center;}
#ransomware p.intxt_main{color:#fff; font-size:36px; margin-bottom:40px; text-align:center;}
#ransomware p.intxt_dics{color:#fff; font-size:16px; text-align:center;}
#ransomware p.what_ransomware{padding:50px 0; font-size:20px; line-height:32px;}
#ransomware .line_trans{width:100%; height:2px; background:rgba(255,255,255,0.15);}
#ransomware .ransomware_code{position:relative;}
#ransomware .ransomware_code .diagram{width:360px; height:380px; position:absolute; top:-50px; right:0; background:url(images/img_ransomware_diagram.png) no-repeat center; background-size:100%;}
#ransomware p.rscode_tit{font-size:30px; line-height:38px; padding-top:50px;}

/*랜섬웨어 종류*/
#kinds{text-align:center; padding:80px 0; background:#fff;}
#kinds p.intxt_main{font-size:30px; margin-bottom:40px; color:#222;}
#kinds p.intxt_dics{color:#666; font-size:16px; color:#999; margin-bottom:50px;}
#kinds .kinds_list li{float:left; border:2px solid #e6e6e6; background:#f5f5f5; border-radius:65px; width:240px; height:350px; padding:50px 20px 0; margin:0 30px;}
#kinds .kinds_list li:first-child{margin-right:30px; margin-left:0;}
#kinds .kinds_list li:last-child{margin-right:0; margin-left:30px;}
#kinds .kinds_list li .ransom_name{font-size:16px; color:#333; margin-bottom:15px;}
#kinds .kinds_list li .ransom_dics{font-size:11px; line-height:16px; color:#666; text-align:left;}
#kinds .kinds_list li img{display:block; width:60%; margin:0 auto 20px;}

/*랜섬웨어 예방방법*/
#howto{text-align:center; padding:80px 0; background:url(images/bg_howto.jpg) no-repeat center top #f3f3f3; background-size:100%;}
#howto p.intxt_main{font-size:30px; margin-bottom:40px; color:#222;}
#howto p.intxt_dics{color:#666; font-size:16px; color:#999; margin-bottom:50px;}
#howto .howto_list li{float:left; width:240px; margin:0 30px;}
#howto .howto_list li:first-child{margin-right:30px; margin-left:0;}
#howto .howto_list li:last-child{margin-right:0; margin-left:30px;}
#howto .howto_list li img{display:block; margin:0 auto 20px; width:120px;}
#howto .howto_list li p.li_tit_en{color:#333; font-size:16px; font-weight:bold;}
#howto .howto_list li p.li_tit_kr{color:#333; font-size:16px; margin-bottom:20px;}
#howto .howto_list li p.howto_dics{color:#666; font-size:11px; line-height: 16px; text-align:left;}

/*복구진행과정*/
#process{padding:80px 0; background:#fff;}
#process p.intxt_main{font-size:30px; margin-bottom:40px; color:#222; text-align:center;}
#process p.intxt_dics{color:#666; font-size:16px; color:#999; text-align:center; margin-bottom:50px;}
#process .process_list li{border:2px solid #ddd; border-radius:10px; margin-bottom:30px; padding:20px 40px 20px 20px;}
#process .process_list li:after{content:""; display:block; clear:both;}
#process .process_list li.process_list_arrow{border:none; background:url(images/img_process_arrow.png) no-repeat center; background-size:60px;}
#process .process_list .step{width:100px; text-align:center; float:left; color:#ff553e; margin:12px 10px 0 0;}
#process .process_list .step p.step_num{font-size:48px; line-height:48px; margin-bottom:5px;}
#process .process_list .step p.step_txt{font-size:18px;}
#process .process_list .img_ico{width:100px; float:left; margin-right:30px;}
#process .process_list .img_ico img{width:100%;}
#process .process_list .txt_area{width:800px; float:left; margin-top:12px;}
#process .process_list .txt_area p.txt_tit{font-weight:bold; font-size:18px; margin-bottom:10px; color:#333;}
#process .process_list .txt_area p.txt_dics{color:#666;}


/*footer*/
.footer{width:100%; padding:40px 0; background:#054e99; color:#fff;}
.footer .footer_logo{float:left; font-size:26px; height:70px; letter-spacing:-1px; border-right:1px solid #3771ad; padding-right:30px; margin-right:30px; line-height:70px;}
.footer .footer_logo span{color:#87c2ff;}
.footer .company_info{float:left; padding-top:13px;}

.OnlyMobile{display:none;}




/* mobile   */

@media all and (max-width:600px){


/*COMMON*/
.clearfix:after{content:"."; visibility:hidden; display:block; height:0;clear:both;}
.contents_wp{width:calc(100% - 40px);  margin:auto; position:relative;}
.txtline_red{width:50px; height:2px; background:#ff553e; margin:0 auto 30px;}
.txtline_wh{width:50px; height:2px; background:#fff; margin:0 auto 30px;}


/*header_menu*/
.header_wp{width:100%; height:80px; background:rgba(0,0,0,0.8); position:fixed; z-index:2;}
.header_wp .header{width:100%; margin:auto;}
.header_wp .header .logo{float:left; width:200px; height:50px; background:url(images/logo.png) no-repeat left center; background-size:100%; margin-right:15px; margin-left: 20px}
.header_wp .header .tel_num{float:left; width:100px; height:40px; background:url(images/1544-9669_01.gif) no-repeat left center; background-size:100%; margin-top: 6px;}
.header_wp .header .menu_list{ position: absolute; float:none; text-align:left; height:20px; margin-top:50px;width:100%;text-align:center;}
.header_wp .header .menu_list li{display:inline-block; line-height:1.5em; padding:0 10px;}
.header_wp .header .menu_list li a{color:#fff; display:block; font-size:13px;}

/*top_visual&request*/
#request{width:100%; height:auto; background:url(images/bg_top.jpg) no-repeat center 80px #152d56; background-size:100%; padding-top:115px; background-attachment:fixed;}

.left_info{float:none; color:#fff; padding-top:20px; margin: 0 auto 20px;text-align:center;}
.left_info p.en_txt{color:#5d96ff; margin-bottom:20px; font-size:18px;}
.left_info p.main_txt{font-size:30px; line-height:40px; margin-bottom:6px;}
.left_info p.str_txt{background:#ff3d23; font-size:32px; font-weight:bold; line-height:44px; margin-left:-5px; padding:5px 8px 8px 8px; margin-bottom:15px; display:inline-block;}
.left_info p.dic_txt{ margin: auto; font-size:11px; line-height:1.4em; margin-bottom: 15px;}
.left_info p.thanks_txt{background:url(images/ico_shield.png) no-repeat left center; background-size:26px; font-size:16px; height:auto; line-height:1.4em; padding-left:35px; margin-top:20px;}

.left_info .icon_area { width:320px; margin: auto;   }
.left_info .icon_area .icon_info_list li{ float:left; display:block;  width:calc(50% - 15px); ; height:120px; margin-right:15px; margin-bottom: 15px; background:rgba(0,0,0,0.5); text-align:center; line-height:18px;}
.left_info .icon_area .icon_info_list li img{display:block; width:40px; margin:20px auto 10px;}

.application_form{float:none; padding-top:110px; margin: auto;}
.application_form .formbox{width:100%; margin: auto; background:rgba(43,100,206,0.7); border-radius:10px 10px 0 0; overflow:hidden;}
.application_form .formbox .box_header{background:#111c2e; padding:0 25px; height:45px; line-height:1.4em;text-align:center;}
.application_form .formbox .box_header .cs_info{float:left; color:#fff; font-size:11px; line-height:15px; margin-top:7px;width:100%;}
.application_form .formbox .box_header .cs_info span{color:#6ac9ff;}
.application_form .formbox .box_header .tel_number{float:right; text-align:right; width: 110px; color:#ff3d23; font-style:italic; font-size:24px; line-height:2em;}
.application_form .formbox .info_txt{padding:25px 25px 0; color:#fff;}
.application_form .formbox .info_txt p.info_main_txt{font-size:22px; margin-bottom:15px;text-align:center;}
.application_form .formbox .info_txt p.info_dic_txt{margin-bottom:20px;}
.application_form .formbox .form_mode{padding:0 25px 30px;}
.application_form .formbox .form_mode input{border:none; outline:none; height:45px; line-height:45px; border-radius:5px; margin-bottom:5px; padding:0 10px; width:100%;}
.application_form .formbox .form_mode textarea{border:none; outline:none; padding:10px; height:110px; border-radius:5px; margin-bottom:5px; width:100%; margin-bottom:15px;}
.application_form .formbox .form_mode label{color:#b1c4e5; font-size:11px;}
.application_form .formbox .form_mode .night_info_txt{color:#b1c4e5; font-size:10px; margin-bottom:5px; background:url(images/ico_info.png) no-repeat left center; background-size:18px; padding-left:25px; margin-bottom:10px; height:23px; line-height:23px;}
.application_form .formbox .form_mode .btn_request{background:#ff3d23; color:#fdff57; border-radius:5px; box-shadow:0 3px 3px rgba(0,0,0,0.4); font-size:18px; cursor:pointer;}
.application_form .formbox .form_mode .check_area input[type="checkbox"]{display:none;}
.application_form .formbox .form_mode .check_area label{width:100%; height:23px; line-height:23px;}
.application_form .formbox .form_mode .check_area input[type="checkbox"] + label .chk_img{padding:0 0 0 25px;	height:23px; background:url("images/ico_agreecheckbox.png")no-repeat left center; background-size:18px; cursor:pointer;}
.application_form .formbox .form_mode .check_area input[type="checkbox"]:checked + label .chk_img{background:url("images/ico_agreecheckbox_on.png") no-repeat left center; background-size:18px;}

/*랜섬웨어 복구 대응센터 소개*/
#introduce{text-align:center;}
#introduce .intro{background:url(images/bg_introduce.jpg) no-repeat center #c8d7ee; background-size:auto 380px; padding:60px 0;}
#introduce .intro p.intxt_en{color:#315eb2; letter-spacing:2px; font-weight:bold; margin-bottom:15px;}
#introduce .intro p.intxt_main{color:#203a62; font-size:24px; margin-bottom:40px;}
#introduce .intro p.intxt_dics{color:#666; font-size:13px; margin: 0 20px}

#introduce .prevention{background:#234e9f; color:#fff; padding:60px 20px; font-size:18px; line-height:26px;}
#introduce .prevention .intxt_main{font-size:22px; margin-bottom:50px;word-break:keep-all;}
#introduce .prevention .intxt_dics{ font-size:14px; text-align: left }
#introduce .prevention .prevention_info_list{margin-bottom:30px;}
#introduce .prevention .prevention_info_list li{
	display: inline-block;
    font-size: 13px;
    width: calc(100% / 3 - 20px);
    word-break: keep-all;
}
#introduce .prevention .prevention_info_list li.img_arrow{width: 15px;vertical-align: top;}
#introduce .prevention .prevention_info_list li img{width:80%; display:block; margin:0 auto 15px;}
#introduce .prevention .prevention_info_list li.img_arrow img{width:100%; margin:0 auto;}

#introduce .promise{ background:#fff; color:#666; padding:60px 0 0;}
#introduce .promise .intxt_main{font-size:22px; margin:0 auto; margin-bottom:50px; color:#222; width:calc(100% - 60px); }
#introduce .promise .promise_info_list{width:calc(100% - 40px); margin:auto;}
#introduce .promise .promise_info_list li{width:100%; float:none; display: block; margin:0 0 30px; text-align:center;}
#introduce .promise .promise_info_list li:nth-child(2){ margin:0 0 30px;}
#introduce .promise .promise_info_list li img{width:100%; display:block; margin-bottom:20px; vertical-align:top;}

#introduce .reason{background:#e8f0f8; color:#666; padding:60px 0 20px;}
#introduce .reason .intxt_main{font-size:22px;  margin: auto; margin-bottom:30px; color:#222; width:calc(100% - 80px); }
#introduce .reason .intxt_en{color:#999; margin-bottom:50px;}
#introduce .reason .reason_list{width:calc(100% - 40px); margin:auto;word-break:keep-all;}
#introduce .reason .reason_list li{
	width: calc(100% / 3 - 15px);
    float: none;
    text-align: center;
    color: #222;
    font-size: 11px;
    line-height: 24px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: top;
}
#introduce .reason .reason_list li:first-child{margin:0 5px 30px;}
#introduce .reason .reason_list li:last-child{margin:0 auto 40px;}
#introduce .reason .reason_list li img{width:100%; display:block; margin:0 auto 15px;}

/*랜섬웨어란?*/
#ransomware{background:url(images/bg_ransomeware.jpg) no-repeat center top #114070; background-size:100%; padding:80px 0; color:#fff;}
#ransomware p.intxt_en{color:#a9bdd1; letter-spacing:1px; font-weight:bold; margin-bottom:15px;}
#ransomware p.intxt_main{color:#fff; font-size:24px; margin-bottom:40px; text-align:center;}
#ransomware p.intxt_dics{color:#fff; font-size:14px; text-align:center;}
#ransomware p.what_ransomware{padding:50px 0; font-size:16px; line-height:1.6em;}
#ransomware .line_trans{width:100%; height:2px; background:rgba(255,255,255,0.15);}
#ransomware .ransomware_code{position:relative;}
#ransomware .ransomware_code .diagram{width:320px; height:340px; position:relative; top:0px; right:0; background:url(images/img_ransomware_diagram.png) no-repeat center; background-size:100%; margin: auto}
#ransomware p.rscode_tit{font-size:30px; line-height:38px; padding-top:50px;}

/*랜섬웨어 종류*/
#kinds{text-align:center; padding:60px 0; background:#fff;}
#kinds p.intxt_main{font-size:24px; margin-bottom:40px; color:#222;}
#kinds p.intxt_dics{color:#666; font-size:14px; color:#999; margin-bottom:50px;}
#kinds .kinds_list li{
	float: none;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
    border-radius: 30px;
    width: calc(100% / 2 - 10px);
    height: auto;
    padding: 10px;
    margin: 0 8px 30px;
    display: inline-block;
    vertical-align: top;
}
#kinds .kinds_list li:first-child{margin:0 auto 20px }
#kinds .kinds_list li:last-child{margin:0 auto 0 }
#kinds .kinds_list li .ransom_name{font-size:16px; color:#333; margin-bottom:15px;}
#kinds .kinds_list li .ransom_dics{font-size:11px; line-height:16px; color:#666; text-align:left;}
#kinds .kinds_list li img{display:block; width:60%; margin:0 auto 20px;}

/*랜섬웨어 예방방법*/
#howto{text-align:center; padding:60px 0; background:url(images/bg_howto.jpg) no-repeat center top #f3f3f3; background-size:100%;}
#howto p.intxt_main{font-size:24px; margin-bottom:40px; color:#222;}
#howto p.intxt_dics{color:#666; font-size:14px; color:#999; margin-bottom:50px;}
#howto .howto_list li{
    float: none;
    display: inline-block;
    width: calc(100% / 2 - 20px);
    margin: 0 10px 20px;
    vertical-align: top;
}
#howto .howto_list li:first-child{margin:0 auto 20px}
#howto .howto_list li:last-child{margin:0 auto 0}
#howto .howto_list li img{display:block; margin:0 auto 20px; width:120px;}
#howto .howto_list li p.li_tit_en{color:#333; font-size:16px; font-weight:bold;}
#howto .howto_list li p.li_tit_kr{color:#333; font-size:16px; margin-bottom:20px;}
#howto .howto_list li p.howto_dics{color:#666; font-size:12px; line-height: 16px; text-align:left;}

/*복구진행과정*/
#process{padding:60px 0 20px; background:#fff;}
#process p.intxt_main{font-size:24px; margin-bottom:40px; color:#222; text-align:center;}
#process p.intxt_dics{color:#666; font-size:14px; color:#999; text-align:center; margin-bottom:50px;}
#process .process_list li{border:2px solid #ddd; border-radius:20px; margin-bottom:30px; padding:20px;}
#process .process_list li:after{content:""; display:block; clear:both;}
#process .process_list li.process_list_arrow{border:none; background:url(images/img_process_arrow.png) no-repeat center; background-size:60px;}
#process .process_list .step{width:100px; text-align:center; float:left; color:#ff553e; margin:12px 10px 0 0;}
#process .process_list .step p.step_num{font-size:48px; line-height:48px; margin-bottom:5px;}
#process .process_list .step p.step_txt{font-size:18px;}
#process .process_list .img_ico{width:70px; float:right; margin-right:0px;}
#process .process_list .img_ico img{width:100%; margin-top:12px;}
#process .process_list .txt_area{width:100%; float:left; margin-top:12px;}
#process .process_list .txt_area p.txt_tit{font-weight:bold; font-size:18px; margin-bottom:10px; color:#333;}
#process .process_list .txt_area p.txt_dics{color:#666;}


/*footer*/
.footer{width:100%; padding:20px 0; background:#054e99; color:#fff;}
.footer .footer_logo{font-size:22px; height:40px; letter-spacing:-1px; border-right:none; padding-right:0px; margin-right:0px; line-height:40px;width:100%;text-align:center;}
.footer .footer_logo span{color:#87c2ff;}
.footer .company_info{float:left; padding-top:13px; font-size:10px;width:100%;text-align:center;}

.tel_number{display:none;}
.NoMobile{display:none !important;}
.OnlyMobile{display:block;}
}