@charset"utf-8";

/*  ¡Únanum-square¡Ú  */
@font-face {
    font-family: 'nsr';
    src: url('/images/nanumsquarer.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nsb';
    src: url('/images/nanumsquareb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
* {-webkit-text-size-adjust:none;margin:0; padding:0;}
body{width:100%; height:100%; font-family:'nsr', Arial, sans-serif; font-size:16px; line-height:23px; color:#333;  margin:0 auto;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;font-weight:normal; }
body,input,textarea,select,table,button{ }
legend, #accessibility, .hidden{font-size: 0;line-height: 0;text-indent: -5000px;}
img, fieldset, iframe{border:0 none;}
ul{list-style:none}
ol li{list-style-type:number; text-align:left;}
a{text-decoration:none;cursor:pointer; color:#000000;;} 
a:link { text-decoration:none;}
li a:visited { text-decoration:none;}
em,address{font-style:normal; max-height: 1000000px;}
table{border-collapse:collapse;border-spacing:0}
hr{display:none;}
input{vertical-align:middle; padding-left:5px;}
select,button{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
legend{*width:0; display:none}
article,aside,canvas,details,figcaption,figure,footer,#pc_menu,hgroup,menu,nav,section,summary{display:block}
caption{display:none;}


/* header */
header{
	width:100%;
	position:fixed;
	border-bottom:1px solid #e5e5e5;
	background:url('/images/headerBg.gif') top left repeat-x #fff;
	z-index:999;
}

#headerBox{
	width:1100px;
	margin:0 auto;
}

#topNavi{
	width:100%;
	margin:10px 0px 13px;
	float:right;
	width:280px;
}

#topNavi li{
	float:left;
}

#topNavi li a{
	display:block;
	float:left;
	padding:0px 14px;
	font-size:13px;
}

#topNavi li:last-child a{
	padding:0px 0px 0px 15px;
}

#topNavi li span{
	color:#e5e5e5
}

#headerBox h1{
	clear:both;
	float:left;
}

#gnb{
	float:right;
}

#gnb div#gnbTitle{
	width:100%;
	text-align:right;
	height:54px;
	line-height:43px;
}

#gnb div#gnbTitle a{
	font-size:19px;
	display:block;
	display:inline-block;
	margin:0px 35px;
}

#gnb div#gnbTitle a:last-child{
	margin:0px;
}

#gnb div#gnbTitle a img{
	position:relative;
	top:4px;
	right:0px;
}

#gnb a.on{
	color:#009cdd;
	font-family:'nsb'
}

#gnbList{
	clear:both;
	display:none;
	width:100%;
	height:auto;
}

#gnbList ul{
	float:left;
	padding:15px 0px 0px;
	border-left:1px solid #e5e5e5
}

#gnbList ul li {
	line-height:38px;
}


#gnbList ul li a{
	float:none;
	font-size:15px;
	text-align:left;
	box-sizing:border-box;
	padding:0px 20px;
}

#gnbList ul li a:hover{
	color:#009cdd;
}

#gnbList ul li ul.gnbListIn{
	border:0;
	padding:0;
	margin:0px 30px;
	clear:both;

}

#gnbList ul li ul.gnbListIn li{
	float:left;
	background:url('/images/list.gif') left 10px no-repeat;
	padding-left:13px;
	line-height:26px;
	width:138px;
}

#gnbList ul li ul.gnbListIn li a{
	padding:0;
	display:inline;
	font-size:15px;
	color:#888888;
}

#gnbList ul li ul.gnbListIn li a:hover{
	color:#333
}

#gnbList ul.gnbList1{text-align:center;width:153px; height:100px; border-left:0;}
#gnbList ul.gnbList2{width:153px; height:200px;border-left:0;}
#gnbList ul.gnbList3{width:153px; height:200px;border-left:0;}
#gnbList ul.gnbList4{width:150px; height:200px;border-left:0;}

/* contents */
#contents{
	padding-top:101px;
	overflow:hidden
}

#conBox{
	width:1100px;
	margin:0 auto;
	position:relative;
	top:0px;
	left:0px;
}

#dataRecovery{
	margin:60px auto 105px;
}

#dataRecovery p{
	text-align:center;
	margin-bottom:55px;
}

#dataRecovery div{
	border:1px solid #ebebeb;
	width:100%;
	height:473px;
	overflow:hidden;
	position:relative;
}

#dataRecovery div a.reco{
	display:block;
	float:left;
	position:absolute;
}

#dataRecovery div a p{
	font-weight:bold;
	font-size:18px;
	position:relative;
	top:40px;
	left:0px;
}

#dataRecovery div a span.s_reco{
	display:block;
	color:#808080;
	font-size:15px;
	text-align:center;
	position:relative;
	top:110px;
}

#dataRecovery div a span{
	font-weight:normal;
	color:#666;
	font-size:16px;
}

#dataRecovery div a.reco:hover{
	color:#009cdd;
	border:7px solid #009cdd;
	box-sizing:border-box;
}

#dataRecovery div a.reco:hover p{
	top:33px;}

#dataRecovery div a:hover span.reco2{
	top:103px;}


#dataRecovery div a.reco1{
	background:url('/images/contents_icon1.gif') top center no-repeat #fff;
	width:367px;
	height:237px;
	border-right:1px solid #ebebeb;
	top:0px;
	left:0px;
}


#dataRecovery div a.reco2{
	background:url('/images/contents_icon2.gif') top center no-repeat;
	width:367px;
	height:237px;
	border-right:1px solid #ebebeb;
	top:0px;
	left:367px;
}


#dataRecovery div a.reco3{
	background:url('/images/contents_icon3.gif') top center no-repeat;
	width:367px;
	height:237px;
	border-right:1px solid #ebebeb;
	top:0px;
	left:734px;
}


#dataRecovery div a.reco4{
	background:url('/images/contents_icon4.gif') top center no-repeat;
	width:285px;
	height:237px;
	top:0px;
	right:0px;
}

#dataRecovery div a.reco4:hover{background-position:-5px -7px}

#dataRecovery div a.reco5{
	background:url('/images/contents_icon5.gif') top center no-repeat;
	width:367px;
	height:236px;
	border-top:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	top:237px;
	left:0px;
}




#dataRecovery div a.reco6{
	background:url('/images/contents_icon6.gif') top center no-repeat;
	width:366px;
	height:236px;
	border-top:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	top:237px;
	left:368px;
}



#dataRecovery div a.reco7{
	background:url('/images/contents_icon7.gif') top center no-repeat;
	width:367px;
	height:236px;
	border-top:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	top:237px;
	left:734px;
}



#dataRecovery div a.reco8{
	background:url('/images/contents_icon8.gif') top center no-repeat;
	width:285px;
	height:236px;
	border-top:1px solid #ebebeb;
	top:237px;
	right:0px;
}

#dataRecovery div a.reco8:hover{background-position:-5px -6px}
#dataRecovery div a.reco8:hover p{top:34px}
#dataRecovery div a.reco8:hover span.reco2{top:104px;}


#fastMenu{
	margin:0px auto 105px;
	overflow:hidden
}

#fastMenu div{
	height:173px;
	float:left;
	background:url('/images/reservationBG2.gif') top left no-repeat #3c4136;
	color:#fff;
}

#fastMenu div:first-child{
	background:url('/images/reservationBG1.gif') top left no-repeat #11465f;
	width:547px;
}

#fastMenu div dl{
	width:550px;
	overflow:hidden;
	float:left;
	position:relative;
	top:0px;left:45px;
}

#fastMenu div dl dt{
	font-weight:bold;
	font-size:24px;
	padding:32px 0px 12px;
}


#fastMenu div dl dd a{
	display:block;
	border:2px solid #fff;
	line-height:34px;
	width:114px;
	text-align:center;
	color:#fff;
	margin-top:18px;
	font-weight:bold;
	font-size:18px; 
}

#fastMenu div dl.restore{
	float:right;
}


#noticeList{
	margin:0 auto 100px auto;
	overflow:hidden;
}

#noticeList div{
	border:1px solid #e5e5e5;
	float:left;
	margin-left:53px;
	padding:25px 27px 15px 25px;
	width:277px;
	height:225px;
}

#noticeList div:first-child{
	margin-left:0px;
}
#noticeList div p{
	font-weight:bold;
	font-size:18px;
	padding-bottom:15px;
}

#noticeList div p a{
	width:100%;
	display:block;
}

#noticeList div p a img{
	float:right;
	display:block;
}

#noticeList div a.serviceBtn{
	display:block;
	width:277px;
	height:53px;
	line-height:53px;
	color:#fff;
	text-indent:27px;
	font-size:18px;
	font-weight:bold;
	margin-top:8px;
}

#noticeList div a.serviceBtn span{
	font-weight:normal;
	font-size:13px;
	margin-left:10px;
}

#noticeList div a#service1{background:url('/images/serviceList01.gif') top center no-repeat; margin-top:0px;}
#noticeList div a#service2{background:url('/images/serviceList02.gif') top center no-repeat;}
#noticeList div a#service3{background:url('/images/serviceList03.gif') top center no-repeat;}

#noticeList div ul{
	margin-top:15px;
}

#noticeList div ul li a{
	display:block;
	width:100%;
	line-height:32px;
}

#quickBtn{
	margin:0px auto 100px;
	overflow:hidden;
}
#quickBtn a{
	display:block;
	width:521px;
	height:108px;
	float:left;
}

#quickBtn a:first-child{
	margin-right:54px;
}

/* 2017-11-15 quickMenu Ãß°¡ */
#goMenu{clear:both;position:absolute; top:0px; left:1380px; width:140px; height:395px;border-top:0px solid #444444; border-bottom:3px solid #444; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6}
#goMenu a{display:block; width:100%; height:98px; border-top:1px solid #e6e6e6;}
#goMenu a:first-child{border-top:0}
#goMenu a img{position:relative; top:0; left:0; margin-left:0}



/* footer */
#footer{
	width:100%;
	height:auto;
	overflow:hidden;
	border-top:1px solid #e5e5e5;
	padding-top:30px
}

footer{
	clear:both;
	width:1100px;
	margin:0 auto 30px auto;
	overflow:hidden;
	font-size:14px;
	position:relative;
	line-height:26px;
	top:0px;
	left:0px;
}

footer h2{
	float:left;
}

footer div{
	float:left;
	margin-left:30px;
}

footer div ul {
	margin-bottom:20px;
	overflow:hidden;
}

footer div ul li{
	float:left;
}

footer div ul li:first-child a{
	padding:0px 15px 0px 0px;
}

footer div ul li a{
	font-size:15px;
	padding:0px 15px;
}

footer div address ul li div.area_add {
	width:560px;
	margin-left:0px;
}
footer div address{
	clear:both
}
footer div address span{
	font-weight:bold;
}


footer div p{
	color:#999999;
	font-size:12px;
	font-weight:bold;
}

footer div#snsList{
	position:absolute;
	top:0px;
	right:0px;
}

footer div#snsList a{
	display:block;
	float:left;
}

footer div#snsList a img{
	border-top:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

footer div#snsList a:last-child img{
	border:0
}

/* quickMenu */
#quickMenu{
	width:180px;
	height:598px;
	text-align:center;
	position:absolute;
	top:0px;
	left:-250px;
	z-index:9;
}

#quickMenu p{
	color:#fff;
	height:72px;
	line-height:72px;
	background:#333;
	font-size:22px;
	font-family:'nsb';
}

#quickMenu dl{
	background:#f8f8f8;
	border-bottom:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	font-size:16px;
	padding:13px 0px 10px;
	line-height:26px;
}

#quickMenu dl dd{
	font-weight:bold;
}

#quickMenu dl dd span{
	display:block;
	font-size:14px;
	font-weight:normal;
	padding:0;
	color:#333
}

#quickMenu div.quickInfo{
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	background:#fff;
}

#quickMenu div span{
	font-weight:bold;
	display:block;
	color:#95be0f;
	font-size:18px;
	padding:15px 0px;
}

#quickMenu div input.infoTxt{
	width:158px;
	margin:0px auto 5px;
	border:1px solid #e6e6e6;
	height:37px;
	line-height:37px;
	text-indent:10px;
}

#quickMenu a.quickBtn{
	display:block;
	text-align:center;
	width:100%;
	height:60px;
	line-height:60px;
	background:#1a243b;
	color:#fff;
	font-family:'nsb';
	font-size:20px;
}

#quickMenu a.policyView{color:#fff; background:#333; padding:2px 5px; margin-left:5px; font-size:12px;}

#quickMenu img{
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-13px
}

#quickChk{
	display:block;
	color:#555;
	padding:15px 0px;
	font-size:13px;
}

#quickChk input{
	margin-right:5px;
}