@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body,html {padding:0;margin:0;font-size:12px;font-family:'Nanum Gothic',"malgun gothic","Trebuchet MS",gulim,dotum,Georgia,"Times New Roman",Times,serif;background:url('') #ffffff repeat ;}
input,select,textarea {font-size:12px;font-family:'Nanum Gothic',"malgun gothic","Trebuchet MS",gulim,dotum,Georgia,"Times New Roman",Times,serif;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,pre,form, fieldset, input, textarea, blockquote, th, td {  
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;  
list-style-type: none;  
 }

iframe {padding:0;margin:0;font-size:12px;font-family:'Nanum Gothic',"malgun gothic","Trebuchet MS",gulim,dotum,Georgia,"Times New Roman",Times,serif;}

.gnb {float:right;height:20px;padding:0;margin:0;}
.gnb ul {padding:0;margin:0;color:#909090;}
.gnb li {list-style-type:none;display:inline;padding:3px 0 5px 0;font-size:12px;font-weight:bold;color:#909090;font-family:'Nanum Gothic',"malgun gothic","Trebuchet MS",gulim,dotum,Georgia,"Times New Roman",Times,serif;}
.gnb li a {color:#444;outline:none;}
.gnb li a:hover {color:#ff6600;}
.gnb .admin a {color:#ffffff;}
.gnb span {padding:0;margin:0 10px 0 10px;color:#dfdfdf;}

.book {font-size:12px;font-weight:bold;color:#909090;font-family:'Nanum Gothic',"malgun gothic","Trebuchet MS",gulim,dotum,Georgia,"Times New Roman",Times,serif;}
.book a {color:#444;outline:none;}
.book a:hover {color:#ff6600;}

img {outline:none;}
img a {outline:none;}

#main_logo {position:absolute;width:200px;height:50px;padding:0;left:50%;top:11px;margin-left:-100px;z-index:9999;}



.head_logo_wrap {
   position:relative;
   padding:0;
   width:100%;
   background:url('') #ffffff repeat ;
   height:72px;
}

.head_logo_wrap .head_logo {
   margin:0 auto;
   padding:0;
   width:1160px;
   height:72px;
}

#header {width:100%;z-index:9999;background:url('./image/head_bg.jpg') #ffffff top repeat-x ;}

.inHerder {
	width:1160px;
	height:38px;
	overflow:hidden;
	margin:0 auto;
	background:url("") repeat-x ;
}

.navi {
	float:left;
	padding:0;
	height:38px;
	width:1160px;
	z-index:99;
}
.navi img {
	vertical-align:top;
}
.navi ul {
	overflow:hidden;
	margin:0px;
	padding:0px;
	width:1160px;
}
.navi ul li {
	float:left;
	list-style-type:none;
	padding:0;
}
.navi ul li.first {
	padding:0;
}

.navi ul li.gap {
	padding:0;
	width:320px;
}

.navi ul li.end {
	padding:0px;
}
.depth {
	position:absolute;
	width:100%;
	height:40px;
	background:url('./image/navi/depth_bg.png') repeat ;
	z-index:999;
}
.depth img {
	vertical-align:top;
}
.depth ul {
	overflow:hidden;
	position:absolute;
	padding:10px 0 0;
}
.depth li {
	float:left;
	font-size:0;
	line-height:0;
	padding:0 0 0 17px;
	background:url("./image/n_bg_navi.gif") no-repeat 7px 2px;
}
.depth li.first {
	padding:0;
	background:none;
}
.depth01 {
	width:300px !important;
	left:50%;
	margin:0 0 0 -540px;
}
.depth02 {
	width:800px !important;
	left:50%;
	margin:0 0 0 -430px;
}
.depth03 {
	width:300px !important;
	left:50%;
	margin:0 0 0 -180px;
}
.depth04 {
	width:480px !important;
	left:50%;
	margin:0 0 0 -30px;
}
.depth05 {
	width:200px !important;
	left:50%;
	margin:0 0 0 130px;
}
.depth06 {
	width:300px !important;
	left:50%;
	margin:0 0 0 220px;
}
.depth07 {
	width:200px !important;
	left:50%;
	margin:0 0 0 400px;
}
.depth08 {
	width:200px !important;
	left:50%;
	margin:0 0 0 270px;
}
.depth09 {
	width:300px !important;
	left:50%;
	margin:0 0 0 370px;
}

#sub_footer {width:100%;height:100px;margin:50px 0 0 0;padding:0;border-top:#dfdfdf 1px solid;text-align:center;background:url('./image/foot_bg.jpg') #ffffff top repeat-x ;}
#main_footer {width:100%;height:100px;margin:0;padding:0;border-top:#dfdfdf 1px solid;text-align:center;background:url('./image/foot_bg.jpg') #ffffff top repeat-x ;}

.quick {position: fixed;width:200px;height:287px;top:30%;right:30px;z-index:99999999;}
.quick ul {margin-top: 77px;}
.quick ul li{text-align: center;margin-top: 10px;}
.quick p {text-align: center;margin-top: 120px;}
.follow_fix {top:50px !important;position: fixed;}

.quick_mail {width:180px;height:370px;left:50%;top:175px;position: absolute;margin-left: -820px;padding:0;background:url(./image/quick_mail_bg.png) center top no-repeat;}
.quick_mail .area h2 {float:left;}
.quick_mail .area .put {float:left;width:200px;height: 370px;position:relative;}
.quick_mail .area .put .name {position: absolute;top: 155px;left: 15px;width: 180px;}
.quick_mail .area .put .name input {border:none; height:15px; width: 90px; padding-top:3px;}
.quick_mail .area .put .tel {position: absolute;top: 180px;left: 15px;}
.quick_mail .area .put .tel select {border:none; width: 56px; height:20px;}
.quick_mail .area .put .tel input {width: 40px; height:15px; margin-left: 2px;border:none; padding-top:3px;}
.quick_mail .area .put .tel1 {position: absolute;top: 207px;left: 15px;}
.quick_mail .area .put .tel1 select {border:none; width: 140px; height:20px;}
.quick_mail .area .put .tel1 input {width: 60px; height:15px; margin-left: 20px;border:none; padding-top:3px;}
.quick_mail .area .put .time {position: absolute;top: 235px;left: 15px;width: 180px;}
.quick_mail .area .put .time input {border:none; height:15px; width: 145px; padding-top:3px;}
.quick_mail .area .put .ch {color:#fff;position: absolute;top: 265px;left: 15px;letter-spacing:-1px;}
.quick_mail .area .put .ch label {}
.quick_mail .area .put #ch_txtbox {display:none;background-color:#fff;position: absolute;top: 170px;left: -10px;z-index: 99;padding: 8px 8px 5px 8px;font-size:12px;border: 2px solid black;}
.quick_mail .area .put #ch_txtbox h6 {color: black;font-size:12px;}
.quick_mail .area .put #ch_txtbox ul {margin-top: 5px;}
.quick_mail .area .put #ch_txtbox ul li {margin: 3px 0;}
.quick_mail .area .put .ch a {color:#fff;margin-left: 10px;text-decoration: underline;}
.quick_mail .area .put .btn {position:absolute;top: 310px;left: 15px;}
.follow_fix {top:250px !important;position: fixed;}