@import url("font.css");

/*±âº» Ŭ·¡½º*/

*,form {margin: 0px; padding: 0px;}
html, body, form {width:100%; height:100%;}

/*html{overflow-y:scroll; overflow-x:hidden; _overflow-x:auto;}*/
body {font-size:12px; font-family:'NanumGothic','µ¸¿ò',dotum; color:#333;}
img,fieldset{border:none;}
ul,ol{list-style:none}
em, address{font-style:normal;}
table{border-collapse: collapse; empty-cells:show;}
form{display:block;}
img, select, input,textarea {vertical-align: middle; font-family:'NanumGothic','µ¸¿ò', gulim; }

a{color:#333; text-decoration:none;} 
a:hover, a:focus {color:#6eacdf;} 

hr{border:1px solid #efefef;}

/*°øÅë Ŭ·¡½º*/

/*float*/
.fl{float: left !important;}
.fr{float: right !important;}
.cl_both {clear:both !important; visibility:hidden; height:0; font-size:0; line-height:0;}
.cl_left{clear:left !important;}
.clear {clear:both;}
.cl_after:after{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

/*position*/
.rel{position: relative;}
.abs{position: absolute;}

/* [display] */
.inblock {display:inline-block;}
.none {display:none;}
.blind{font-size:0px; line-height:0px; width:0px; height:0px; padding:0; margin:0; visibility:hidden;}
.hidden {visibility:hidden;}

.txtover{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.txthide{
	 font-size: 0px; 
	 text-indent: -10000%;
}

.ws_normal{white-space:normal !important;}

/* [¼­½Ä1-search] */
select, input {margin:0; padding:2px;}

/*select {height:20px; padding:1px; font-size:12px; border:1px solid #999; color:#444; }*/ /*  vertical-align:middle : µ¸¿ò,±¼¸²,ÇѱÛ,¿µ¹®¿¡µû¶ó °¡¿îµ¥Á¤·ÄÀÌ Á¶±Ý¾¿ ´Ù¸£´Ù */
/*select.mini {height:18px; }*/ /*   */
/*
.input-text1 {height:15px; padding-top:3px; border:1px solid #7f9db9; font-size:12px;}
.input-text2 {height:15px; padding-top:3px; border:1px solid #d6d6d6; font-size:12px;}

.input-image {margin:0; padding:0; border:none;}*/
/*.input-radio {width:13px; height:13px; margin-bottom:2px; padding:0; } *//*ie6¿¡¼­ ¶óµð¿À¹Ú½º¿Ü°û¿¡ padding°ªÀ» width.height°ªÀ» ÁÖ¾î ¾ø¾ÖÁØ´Ù*/
/*.input-check {width:13px; height:13px;}
.input-file {height:22px; padding-top:2px; border:1px solid #d6d6d6; font-size:12px; background:#f5f4eb; }
.textarea {border:1px solid #d6d6d6; font-size:12px;}*/

.button{
	 padding: 0.2em 1em;
}


/* table */
.tbl-fixed {table-layout:fixed;}

/*ÅؽºÆ® Á¤·Ä*/
.txtL{text-align: left !important;}
.txtR{text-align: right !important;}
.txtC{text-align: center !important;}

/* ÆùÆ®Ä÷¯ */
.ft_red {color:red !important;}
.ft_green {color:#37820C !important;}
.ft_blue {color:#3775AE !important;}
.ft_black {color:black !important;}
.ft_yellow {color:#956A00 !important;}
.ft_aqua {color:aqua !important;}
.ft_fuchsia {color:fuchsia !important;}
.ft_lime {color:lime !important;}
.ft_gray {color:#444 !important;}
.ft_teal {color:teal !important;}
.ft_white {color:white !important;}
.ft_olive {color:olive !important;}
.ft_purple {color:purple !important;}
.ft_silver {color:silver !important;}
.ft_maroon {color:maroon !important;}
.ft_navy {color:navy !important;}
.ft_orange {color:#f07800 !important;}

/* ÆùÆ®½ºÅ¸ÀÏ */
.ft_u {text-decoration:underline;}
.ft_b {font-weight:bold;}
.ft_wn {font-weight:normal;}

.txuc {text-transform: uppercase;}
.txlc {text-transform: lowercase;}
.txcp {text-transform: capitalize;}

/* ÆùÆ®ÀÚ°£ */
.ft_sp0 {letter-spacing:0 !important;}
.ft_sp1 {letter-spacing:-1px !important;}

/* ÆùÆ®»çÀÌÁî */
.ft_s11 {font-size:11px; font-family:Dotum;}
.ft_s12 {font-size:12px; font-family:Gulim;}
.ft_s14 {font-size:14px; font-family:Dotum;}

/* margin/padding */
.mg0 {margin:0px !important;}
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}

.mgt0 {margin-top:0px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}

.mgr0 {margin-right:0px !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0 {margin-bottom:0px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl0 {margin-left:0px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}

.pd0 {padding:0px !important;}
.pd10 {padding:10px !important;}
.pdr0 {padding-left:0px!important;}
.pdl0 {padding-left:0px!important;}
.pdt0 {padding-top:0px!important;}
.pdb0 {padding-bottom:0px!important;}

.w100{width:100% !important;}

.border_bt1{border-bottom:1px solid #ccc;}
.noborder {border-width:0px !important;}

/*Àüü ·¹À̾ƿô*/
body {
	background-color:#fcfdfe;
}

#wrap {
	min-width:100%;
	min-height:100%;
}
.common_whith{
	width:1280px;
	margin:0 auto;
	position:relative;
}
.common_min-width{
	min-width: 1280px;
}

/*Çì´õ*/
#header {
	position: relative;
	left: 50%;
	translate: -50% 0;
	width: 1280px;
	border-bottom:1px solid #e8e8e8;
	z-index: 99999;
}

/*ÄÁÅÙÃ÷ ¹Ú½º*/
#container{
	width:100%;
	position: relative;
	z-index: 1;
	margin:-10px 0px -60px;
}

#contents{
	padding:10px 0px 90px;
}


/*ÇÏ´Ü*/
#footer {
	background:#ebebeb;
	clear:both;
	float:none;
}
#footer_area{
	position:relative;
	height:170px;
	margin:0 auto;
	background: url(../images/bottom_logo.png) no-repeat left center;
	z-index: 9;
}
address {
	position:relative;
	padding-top:30px;
	padding-left:380px;
	line-height:1.8em;
}

/*¸ÞÀÎÆ÷ÅäÀ̹ÌÁö*/

.mainimg {
	height: 280px;
	width: 1000px;
	overflow: hidden;
	background-position: center center;
	background-repeat:no-repeat;
	position:relative;
	
	/*background-size: cover;*/ /*css3-ie9À̻󿡼­¸¸ Àû¿ë*/
}

/*ž¸Þ´º*/
.tmenu {
	position:relative;
	left:0px;
	top:0px;
	height:61px;
}
.tmenu li{
	float:left;
	display:inline;
}
.tmenu a{
	display:inline-block;
	height:41px;
	letter-spacing:-1px;
	font:bold 18px/41px 'NanumSquare','µ¸¿ò';
	padding:10px 17px;
}
.tmenu a:hover,.tmenu a:focus,.tmenu a.focus{
	color:#fff;
	text-decoration:none;
	background:#6eacdf;
	font-weight:700;
}
.tmenu a#home {
	display:inline-block;
	vertical-align:middle;
	width:32px;
	font:0px/41px 'NanumSquare','µ¸¿ò';
	background:url(../images/ico_home.png) no-repeat center center;
}
.tmenu a#home:hover{
	background:transparent url(../images/ico_home22.png) no-repeat center center;
}

/*ÅëÇÕ°Ë»ö*/
.alls {
	position: absolute;
	top: 0;
	right: 0;
	width:auto; /**/
	height:61px;
	overflow:hidden;
	display: inline-block;
}
.srch_box {
	position:relative;
	display:inline-block;
	border:1px solid #c4c4c4;
	margin: 9px; /**/
}
#ipsearch {
	width: 180px;
	height: 35px;
	line-height: 35px;
	padding: 3px 10px;
	border: none;
}
a.sbtn{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font:0px/32px 'NanumSquare','µ¸¿ò';
	width:32px;
	height:32px;
	margin-right:10px;
	margin-left:10px;
	background:url(../images/ico_search.png) no-repeat center center;
}
a.sbtn:hover {
	background:url(../images/ico_search22.png) no-repeat center center;
}

.best_new {
	display: inline-block;
	width: 188px;
	height: 50px;
	padding:0px 20px;
	color: #fff;
	background: url(../images/bestnew_bg.png) no-repeat center center;
}
.best_new a{
	font:bold 15px/48px 'NanumGothic','µ¸¿ò', gulim;
	padding-left:13px;
}




/*¸®½ºÆ® °¡·ÎÁ¤·Ä*/
.list_left{
	width:100%;;
	
}
.list_left li{
	/*display:inline;*/
	float:left;
	margin-right:20px;
}


/* ¼­ºêŸÀÌƲ */
h2{
	margin-top:10px;
	color:#444;
	font:bold 20px/52px 'NanumSquare','µ¸¿ò';
}

h3.mh3 {
	font:bold 18px/52px 'NanumSquare','µ¸¿ò';
}

.ft_green a{color:#37820C !important;}
.ft_blue a{color:#3775AE  !important;}
.ft_yellow a{color:#956A00 !important;}




/*Æ÷Å丮½ºÆ® Æú¶ó·ÎÀ̵å*/
/*2Ä­ Á¤·Ä*/
.col2{
	position:relative;
	box-sizing:border-box; /*css3-ie8À̻󿡼­ Àû¿ë*/
	display:block;
	float:left;
	width:50%;
	padding:10px;
}
/*4Ä­ Á¤·Ä*/
.col4{
	position:relative;
	box-sizing:border-box; /*css3-ie8À̻󿡼­ Àû¿ë*/
	display:block;
	float:left;
	width:25%;
	padding:5px;
}
/*3Ä­ Á¤·Ä*/
.col3{
	position:relative;
	box-sizing:border-box; /*css3-ie8À̻󿡼­ Àû¿ë*/
	display:block;
	float:left;
	width:33.33%;
	padding:1px;
}
.col3 .img{
	width: 223px;
	height: 153px;
	position: absolute;
	/*clip: rect(15px, 223px, 138px, 0px);*/
	top:0;
	left:0;
	margin-top: -15px;
}

.borderbox{
	border:1px solid #ccc;
	padding:8px;
	position:relative;
}

.imgbox{
	position:relative;
	overflow: hidden;
	display:inline-block;
	width: 292px;
	height: 194px;
	padding:0;
	margin:0;
}
.img {
	width: 292px;
	height: 194px;
	transition:all .5s ease;
}
a:hover .img {
	transform: translate(-50%, -50%) scale(1.1);
}
.img01 {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}

.st{
	padding:8px 0;
	height:32px;
	vertical-align: top;
	overflow: hidden;
	font-size:14px;
}
.phonum {
	position:absolute;
	top:176px;
	right:10px;
	font:bold 14px/14px 'NanumGothic','µ¸¿ò';
}

.sst{
	/*display: block; */
	/*line-height:0px;
	font-size: 0;
	margin-top:20px;*/
	/*border:1px red solid;*/
}
.more{
	float:right;
	margin-top:10px;
}

/*.st{
	padding:132px 0px 8px;
	height:32px;
	overflow: hidden;
}*/
.graybg{
	background-color: #f3f3f3;
	clear:both;
}

/* ó¸®Áß È­¸é CSS */
#mask {  
	position:absolute;  
	left:0;
	top:0;
	z-index:9000;  
	background-color:#000;  
	display:none;  
	background-size:244px 155px; 
	background-repeat:no-repeat; 
	background-position:center center; 
	background-image:url('/images/proc_box.gif');   
}

/* ºÐ·ùº°º¸±â */
/* #part1{
	background-image: url(../images/icon_people.png);
}
#part2{
	background-image: url(../images/icon_suwon.png);
}
#part3{
	background-image: url(../images/icon_libon.png);
}
#part4{
	background-image: url(../images/icon_maple.png);
}
#part5{
	background-image: url(../images/icon_plane.png);
}
#part6{
	background-image: url(../images/icon_tulip.png);
}
 */