@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/***************************************/
/********* FONT FACE INTIALIZE *********/
/***************************************/

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('/font/NanumGothic.eot'); 	
  src: local('?'), url('/font/NanumGothic.woff') format('woff'), url('/font/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url('/font/NanumGothicBold.eot'); 	
  src: local('?'), url('/font/NanumGothicBold.woff') format('woff'), url('/font/NanumGothicBold.ttf') format('truetype'); 
}

/***************************************/
/**************RESET FILES**************/
/***************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
 
	font-family: 'Nanum Gothic', Arial, Helvetica, dotum, sans-serif;
	text-decoration: none;
	color:#555;
}
ol,ul {	list-style: none;}
table {	 }/* tables still need 'cellspacing="0"' in the markup */
caption {	text-align: left;	font-weight: normal;}
figure,article,header,footer,nav,hgroup,video,audio,aside {display: block;}


a:hover, a:focus {
    text-decoration: none;
}


/* head */
.head {
    width: 100%;
    clear: both;
    border-top: 3px solid #333;
	height: 100px;
	background-color: #fff;
	min-width:1140px;
	position:relative;
	z-index:4;
	border-bottom: 2px solid #f9a23c;
	text-align:center;
}


.header_inner {
    width: 100%;
    float: left;
	margin-top: 11px;
	padding-bottom:11px;
}

.header_inner li {
    float: left;
    width: 126px;
    text-align: center;
    line-height: 78px;
    height: 78px;
}

.header_inner li a {
    color: #373737;
    font-size: 18px;
	font-weight:bold;
	line-height:78px;
	display:block;
}

.header_inner li a:hover {
    color: #f8961d;
}
/* menu */

.oe_menu{ }
.oe_menu li{float:left;}
.oe_menu li.last{padding-right:0px; margin-right:0px; background:none;}

.top_menu{width:205px; height:15px; float:left; padding:12px 50px 0 0;}
.top_menu li{float:left; padding-right:14px;}
.top_menu li.last{padding-right:0px;}


.s_menu {
    position: absolute;
    top: 100px;
	left:0px;
    width: 100%;
    height: 238px;
    margin: 0 auto;
    background: url('/image/top/smenu_bg.png') left top repeat;
    z-index: 99999999999999999;
	min-width:1140px;
	border-bottom: 2px solid #f9a23c;
	text-align:center;
}
.s_menu_box {
    position: relative;
}

.s_menu_box ul {
    float: left;
    padding-top: 20px;
    width: 105px;
    min-height: 160px;
    margin-left: 25px;
}

.s_menu_box ul:hover {
    
}

.s_menu_box ul li{
	text-align: left;
	height: 26px;
}
.s_menu_box ul li a:link {
    color: #000;
    font-weight: normal;
    text-decoration: none;
    display: block;
    line-height:19px;
	padding-left: 5px;
	font-size:12px;
}
.s_menu_box ul li a:hover {color:#fff;  background:#f9a23c; text-decoration:none;}

.s_menu_box ul.s_list01 {
    margin-left: 32px;
}
.s_menu_box ul.s_list02 {
    width: 115px;
	margin-left: 20px;
}
.s_menu_box ul.s_list03 {
    margin-left: 12px;
}

.s_menu_box ul.s_list04 {
    margin-left: 23px;
    width: 120px;
}

.s_menu_box ul.s_list05 {
    margin-left: 132px;
}

.s_menu_box ul.s_list06 {
    margin-left: 22px;
}

.s_menu_box ul.s_list07 {
    margin-left: 20px;
}


#sub_contents {
    width: 100%;
    float: left;
	position: relative;
	z-index: 2;
   text-align:center;
}

.subimg {
    width: 100%;
    float: left;
    height: 189px;
	background: url('/image/sub/sub_top01.png') center top no-repeat;
}

.subline {
    background: url('/image/sub/header_bg.png') left top repeat-x;
    height: 15px;
    width: 100%;
    position: absolute;
    top: 189px;
    left: 0px;
    z-index: 3;
    min-width: 1000px;
}



#sidebar {
    width: 180px;
    float: left;
    position: relative;
    z-index: 2;
}

.snb_title {
    height: 130px;
    background-color: #f57d2d;
	position: relative;
}

.snb_title span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.snb li {
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    background-color: #f2f2f2;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.snb li a {
    width: 160px;
    padding-left: 20px;
    display: block;
}

.snb li.over, .snb li:hover {
    background-color: #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}

.snb li.over a, .snb li:hover a {
	color:#fff;
}
/* footer */

#footer {
	clear: both;
    width: 100%;
    min-width: 1140px;
    background: #ece7df;
    height: 185px;
    padding: 20px 0px;
	text-align:center;
}

.footer_inner {
    line-height: 22px;
    color: #828282;
	text-align:left;
}

.logo_banner {
    margin-bottom: 20px;
}

ul.bottom_banner {
    position: absolute;
    right: 0;
    top: 0;
}

ul.bottom_banner li {
    float: left;
    margin: 0px 10px;
}

.adress {
    margin-top: 5px;
	line-height:22px;
	color:#828282;
}

.point01 {
	color:#f26224;
}

/* main */

#main_contents {
    width: 100%;
    float: left;
    margin-bottom:35px;
    padding-top: 459px;
    background: url(/image/main/main_contents_bg01.png) center 447px no-repeat;
	min-width:1140px;
	position:relative;
	text-align:center;
}

#calendar, #office, #sms {
	height:205px;
	float:left;
	margin-bottom:2px;
}

#calendar {
	width:379px;
	background:url(/image/main/main_banner01_bg.png) left top no-repeat;
}

.calendar {
    float: right;
    margin-top: 25px;
    margin-right: 20px;
}

#office {
	width:378px;
	background:url(/image/main/main_banner02.png) left top no-repeat;
	margin-right:2px;
	margin-left:2px;
}

#office a {
	width:100%;
	height:205px;
	display: block;
}
#sms {
	width:378px;
	background:url(/image/main/main_banner03_bg.png) left top no-repeat;
	/*padding-top: 25px;
    padding-left: 35px;*/
	height:205px;
	position:relative;
}

#sms h2 {
    margin-top: 25px;
    text-align: left;
    margin-left: 35px;
}

.sms_inner {
    margin-left: 35px;
    margin-top: 10px;
	float:left;
}

.sms_inner th {
    text-align: left;
    color: #fff;
    font-Family: dotum;
    width: 45px;
    font-size: 11px;
	line-height:28px;
}

.sms_inner td input {
	border:none;
	background-color: #fff;
	width:185px;
	height:20px;
}

.sms_inner td.tel input {
	width:50px;
	margin-right:18px;
}
.sms_inner td.sms_calendar {
 
}
.sms_inner td.sms_calendar input {
	width:135px;
}

.sms_btn {
    width: 73px;
    position: absolute;
    right: 20px;
    bottom: 22px;
}

.sms_btn span {
	display:block;
	margin-bottom:10px;
}

#pack, #keep, #coustomer_banner {
	height:167px;
	float:left;
}

#pack a, #keep a, #coustomer_banner a {
	display:block;
	width:100%;
	height:167px;
}

#pack {
	width:379px;
	background:url(/image/main/main_banner04.png) left top no-repeat;
}

#keep {
	width:378px;
	background:url(/image/main/main_banner05.png) left top no-repeat;
	margin-right:2px;
	margin-left:2px;
}

#coustomer_banner {
	width:378px;
	background:url(/image/main/main_banner06.png) left top no-repeat;
}

#main_banner {
    width: 100%;
    float: left;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
	padding:10px 0px;
	margin: 35px 0px;
}

.main_banner_list li {
    float: left;
	border-right:1px solid #dddcdc;
	height: 70px;
	line-height: 70px;
}

.banner01 {
	width:279px;
}

.banner02, .banner03 {
	width:241px;
	padding: 0px 24px;
}

.main_banner_list li.banner04 {
	padding-left:22px;
	width:258px;
	border-right:none;
}

#notice, #qna {
	width:350px;
	float:left;
	height:120px;
	text-align:left;
}

#notice h2, #qna h2 {
	position:relative;
}

#qna {
	margin-left:30px;
	margin-right:20px;
}

.more {
	position:absolute;
	right:0px;
	top:0px;
	line-height:15px;
	font-size:12px;
	color:#ea673a;
}

.notice_list {
    margin-top: 10px;
	width:100%;
	position: relative;
}

.notice_list li {
    position: relative;
	background:url(/image/main/icon01.png) left center no-repeat;
	padding-left:10px;
	width:100%;
}

.notice_list li a {
    color: #636464;
    font-size: 12px;
    line-height: 24px;
}

.notice_list li .date {
    position: absolute;
    right: 0px;
    line-height: 24px;
    top: 0px;
	color:#bababa;
}

.q_menu_list  {
	margin-top: 15px;
	float: left;
}

.q_menu_list li {
    float: left;
	padding: 0px 20px;
}

.q_menu_list li.center {
    float: left;
	padding: 0px 31px;
}

.q_menu_list li a span {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #333;
    font-weight: bold;
	margin-top: 15px;
}


#sub_page {
    width: 910px;
    float: left;
    min-height: 600px;
    padding-left: 50px;
    border-left: 1px solid #ddd;
    margin-left: -1px;
    position: relative;
    z-index: 1;
}

.subline01 {
    position: absolute;
    width: 1px;
    background: #ddd;
    top: 0px;
    bottom: 0px;
    left: -180px;
}

.sub_title {
    position: relative;
    display: block;
	width:100%;
	margin-bottom: 50px;
	float:left;
}

.sub_title h1 {
    font-size: 40px;
    font-weight: bold;
    margin-top: 60px;
    display: inline-block;
	color: #000;
	float:left;
}

.sub_navi {
    position: absolute;
    right: 0px;
    top: 60px;
    color: #888;
    font-size: 11px;
}

.company01 {
	text-align:center;
}