/* pages public css */

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


/*
#row1{width:1098px; height:398px; border:1px solid #dcdcdc; background: #fea; position:relative; overflow: hidden; margin-top:40px;}
#slider{ width: 5500px; height: 398px; position: absolute; top:0px; left:0px;}
.slider-rolling{width:5500px;height:398px;	position: absolute;	top:0px;left:0px;}
#row1 #slider img, .slider-rolling img{width:1100px;	height:400px;	position: relative;	float:left;}

#row1 #roll_dot{ position: absolute;	z-index: 800;	bottom: 10px;	right:20px;}
#row1 #roll_dot span.thum_dot{	position: relative;display: block; width:20px;height: 20px; background: url('image/rollBtn-over.png') 5px 5px no-repeat; float: left; margin-right: 3px;}
#row1 #roll_dot span.thum_dot_over{	position: relative;display: block; width:20px;height: 20px; background: url('image/rollBtn-over.png') 5px 5px no-repeat; float: left; margin-right: 3px;}
#row1 #roll_dot span.thum_dot:hover{background: url('image/rollBtn-on.png') 5px 5px no-repeat;}
*/

#row1{width:1098px; height:300px; background: #fea; position:relative; overflow: hidden; margin-top:40px;}
#slider{ width: 5500px; height: 300px; position: absolute; top:0px; left:0px;}
.slider-rolling{width:5500px;height:300px;	position: absolute;	top:0px;left:0px;}
#row1 #slider img, .slider-rolling img{width:1100px;height:300px;	position: relative;	float:left;}

#row1 #roll_dot{ position: absolute;	z-index: 800;	bottom: 25px;	right:140px;}
#row1 #roll_dot span.thum_dot{	position: relative;display: block; width:20px;height: 20px; background: url('image/rollBtn-over.png') 5px 5px no-repeat; float: left; margin-right: 3px;}
#row1 #roll_dot span.thum_dot_over{	position: relative;display: block; width:20px;height: 20px; background: url('image/rollBtn-over.png') 5px 5px no-repeat; float: left; margin-right: 3px;}
#row1 #roll_dot span.thum_dot:hover{background: url('image/rollBtn-on.png') 5px 5px no-repeat;}


#onetapbuttonT {position: absolute;width: 300px;top: -115px;left: 560px;z-index: 100;}
#onetapbuttonT a{margin-left:13px;}
#onetapbuttonT a img{width: 15px; height: 15px;}
/*
#row2 , #row3{color:#555;}

#row2{width:100%; height:225px; margin:40px 0px 40px 0px;}
#row2 #notice{width: 340px; height:165px; padding:30px; margin-right:40px; border:1px solid #dcdcdc; float:left;}
#row2 #tel{width: 340px; height:165px; padding:30px; margin-right:40px; border:1px solid #dcdcdc; float:left; background: url('../layouts/default/image/main/tel.png') 240px 87px no-repeat;}
#row2 #notice .title, #row2 #tel .title{font-family: 맑은고딕, malgun gothic; font-size: 20px; font-weight: bold; color:#333; letter-spacing:-1px; margin-bottom:30px;}

#row2 #tel ul{list-style: none; margin: 0px;padding: 0px 0px 0px 10px;}
#row2 #tel ul li{font-family: 'Nanum Gothic', sans-serif; font-weight: bold; line-height: 148%;}
#row2 #tel ul li.tel{font-size: 15px;}
#row2 #tel ul li.number{font-size: 22px;}


#row2 #quick{width:213px; height:225px; border:1px solid #dcdcdc; float:left;}
#row2 #quick ul{list-style:none; margin: 0px; padding: 0px; float: left;}
#row2 #quick ul li{float: left;}
#row2 #quick ul li.q1{border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
#row2 #quick ul li.q2{border-bottom:1px solid #dcdcdc;}
#row2 #quick ul li.q3{border-right:1px solid #dcdcdc;}
*/

#row2 , #row3{color:#555;}

#row2{width:100%; height:228px; margin:30px 0px 30px 0px;border-bottom:1px solid #dcdcdc;}
#row2 #notice{width: 1099px; height:54px; float:left; border-right:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc;}
#row2 #notice #noti_link{width: 290px; height:55px; background: #22506e; float:left;}
#row2 #notice #noti_link a{padding: 13px 30px 17px 30px; font-family: 맑은고딕, malgun gothic; font-size: 20px; font-weight: bold; color:#fff; letter-spacing:-1px; display: block;}
#row2 #notice #noti_widget{ width:770px; padding:15px 19px 15px 20px;float: left; border-top:1px solid #dcdcdc;}

#row2 #company{ width: 288px; height:173px; border-right: 1px solid #dcdcdc;  border-left: 1px solid #dcdcdc;  float: left; overflow: hidden;}
#row2 #company #company_link{width: 290px; height:56px;  border-bottom: 1px solid #dcdcdc; float:left;}
#row2 #company #company_link a{padding: 13px 30px 17px 30px; font-family: 맑은고딕, malgun gothic; font-size: 20px; font-weight: bold; color:#444; letter-spacing:-1px; display: block;}

#row2 #quick{width:429px;  height:173px;border-right:1px solid #dcdcdc; float:left;}
#row2 #quick_title{ width:400px; padding:30px 0px 0px 30px; float:left; font-size: 15px;}
#row2 #quick ul{list-style:none; margin: 0px; padding: 30px 0px 0px 0px; float: left;}
#row2 #quick ul li{ margin-left:31.5px; float: left;}


#row2 #tel{width: 379px; height:173px;border-right:1px solid #dcdcdc; float:left; background: url('../layouts/default/image/main/tel.png') -10px 0px no-repeat;}
#row2 #tel_title{ width:100%; padding:30px 0px 0px 30px; float:left; font-size: 15px;}
#row2 #tel ul{ width:200px; list-style: none; margin: 0px;padding: 30px 30px 0px 30px; float: left;}
#row2 #tel ul li{font-family: 'Nanum Gothic', sans-serif; font-weight: bold; line-height: 148%; float: left;}
#row2 #tel ul li.tel{ width:35px; padding-top: 5px; font-size: 15px; margin-right: 5px; display:block;}
#row2 #tel ul li.number{ width:155px; font-size: 22px; display:block;}



#row3{width: 100%; height: 150px; margin:30px 0px 40px 0px; border:1px solid #dcdcdc;}
#row3 ul{list-style:none; margin:0px; padding:0px;}
#row3 ul li{float: left;}
#row3 ul li.titleBlue{width: 130px; height: 105px;padding-top:45px; background:#22506e; color:#fff;font-family: 맑은고딕, malgun gothic; font-size: 25px; font-weight: bold; text-align: center;}