@charset "euc-kr"

/** ³ª´®¹Ù¸¥°íµñ ÆùÆ® ºÒ·¯¿À±â**/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* {font-family:'Nanum Gothic', sans-serif;}*/


/* reset */
html{overflow-y:scroll; overflow-x:hidden;}
html,body{margin:0;padding:0;}
body{overflow:visible;font:12px/1.5 "µ¸¿ò", Dotum, sans-serif; color:#43484a; background: #fff; }

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th{font:12px/150% "µ¸¿ò", Dotum, sans-serif; vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{ width:100%; table-layout:auto; border-spacing:0; border-collapse:collapse; }
ol,ul,li{ list-style:none;} 
hr, legend, caption, .hidden{ position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%; }
caption{position:relative; visibility: hidden;}
img{vertical-align: top;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
div{word-break: break-all;}
a:link,a:visited{color:#8c8c8c;text-decoration:none;}
a:hover,a:active,a:focus{color:#7ab6d2;text-decoration:none; background:none;}
ul { overflow:hidden }
/* common : float clear */
.cf:after{content:""; display:block; clear:both;}
.cf{*zoom:1;}

/** float ÇØÁ¦ ¹× ºó ¿¤¸®¸ÕÆ® ÁÁÁö ¾ÊÀº ¹æ¹ýÀ̳ª Æí¸®Çϱ⠶§¹®¿¡ »ç¿ëÇÔ 2013-12-09 õ¾¾ **/
.space { clear:both; display:block; height:0; line-height:0; font-size:0; opcity:0; visivility:hidden; }



/* »ó´Ü ½½¶óÀ̵å */
.slide_ad {
width: 1000px;
height: 120px;
border: 1px solid #cccccc;
}
 #slides, #slides2 { display: none; }
    #slides .slidesjs-navigation { margin-top:5px; }
	.slidesjs-navigation { margin-top:5px; }
    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop { background-image: url(../images/btns-next-prev.png); background-repeat: no-repeat; display:block; width:12px; height:18px; overflow: hidden; text-indent: -9999px; float: left; margin-right:5px; }
    a.slidesjs-next { background-position: -12px 0; position:absolute; top:45px; left:965px; z-index: 99; }
    a:hover.slidesjs-next { background-position: -12px -18px; }
    a.slidesjs-previous { background-position: 0 0; position:absolute; top:45px; left:20px; z-index: 99; }
    a:hover.slidesjs-previous { background-position: 0 -18px; }
    a.slidesjs-play { width:15px; background-position: -25px 0; }
    a:hover.slidesjs-play { background-position: -25px -18px; }
    a.slidesjs-stop { width:18px; background-position: -41px 0; }
    a:hover.slidesjs-stop { background-position: -41px -18px; }
    .slidesjs-pagination { margin: -20px 0 0 300px; float: right; list-style: none; position:absolute; z-index:5000; *margin-left:240px; }
    .slidesjs-pagination li { float: left; margin: 0 1px; }
    .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image:url(../images/slide/pagination.png); background-position: 0 0; float: left; overflow: hidden; }
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active { background-position: 0 -13px }
    .slidesjs-pagination li a:hover { background-position: 0 -26px }
    #slides a:link,
    #slides a:visited { color: #333 }
    #slides a:hover,
    #slides a:active { color: #9e2020 }
	.topSlideBtn { position: absolute; top: 92px; left: 768px; z-index: 99; width:210px;}

/** float ÇØÁ¦ **/
.clean { clear:both; }
	
/* ¸®´õ±â³ª °Ë»ö¿£Áøµµ ¸øÀнÀ´Ï´Ù. */
.hideClear{	width:0; height:0; margin:0; padding:0;	font-size:0; line-height:0;	overflow: hidden; visibility: hidden; }
.blind{ display: block;	overflow: hidden; position: absolute; top:-10000em;	left:0; }

/* wrapper */
#wrapper{ min-height: 100%;	margin:0 auto; background:url(../images/top_linebg.jpg) repeat-x; background-position: 0 9px; }
#wrapper .inner{	width:1000px; margin:0 auto; position: relative; }

.inner_wrap { overflow:hidden; }
/* header */
#header{ min-height: 105px; overflow:hidden; position: relative; }

.header_inner{ position: relative; }

.home_t{ padding-top:15px; float:right; }
#header .home_t>ul>li{ float:right; }

.top_menu { overflow:hidden; float: right; position: relative; top: 15px; right: 0; }
.top_menu ul > li { float:left; }
.top_menu ul > li > span { color:#8C8C8C; padding: 0 3px;}


/* top_gnb */
.top_logo{ float:left; padding-top: 40px; }
.top_logo_wrap { float:left; position: relative; top: 35px; left: 0; }
.top_logo_n { background:url(../images/top_logo5.png) no-repeat 0 0; width:228px; height:50px; position:relative; }
.top_logo_n a { display:block; width:100%; height:100%; text-indent:-9999em; }

.top_gnb{ float:left; position:absolute; left:255px; top:68px; }
.gnb { overflow:hidden; padding: 17px 0 0 254px; width:526px; float:left; }
.gnb > ul { overflow:hidden; }
.gnb > ul > li { float:left; border-style:solid none none solid; border-width:1px 0px 0px 1px; border-color:#cccccc #ffffff #ffffff #cccccc; border-collapse:;}





.intro{	position:absolute; left: -255px; top: -53px; }
.intro_3{ position:absolute; left: -270px; top: -73px; }

.top_lnbBg{ position:absolute; left:256px; top:105px; }
.topGnb_01{	float:left;	width:106px; border-top:1px solid #cccccc;	/*border-left:1px solid #cccccc;*/	border-right:1px solid #cccccc; }

.intro_bg { position:absolute; top:53px; }

.intro_img { margin:5px 0 0 0; float:left; }


/** ¼­ºê¸Þ´º 2013-12-08 õ¾¾ **/ 
.gnb_submenu { height:110px; width:744px; overflow:hidden; background:#F2FBFF; border-right:1px solid #cccccc; float:left; margin:5px 0 0 0; }
.gnb_submenu .sub01, .sub02, .sub03, .sub04, .sub05 { height:110px; overflow:hidden; }
.gnb_submenu .sub01, .sub02, .sub03, .sub04, .sub05 > ul > li { float:left; letter-spacing:-0.5px;}
.gnb_submenu .sub01, .sub02, .sub03, .sub04, .sub05 > ul > li span { font-size:9px; }
.gnb_submenu .sub01 > ul > li { float:left; margin:0 7px 0 7px; line-height: 110px; }
.gnb_submenu .sub01 > ul { height:100%; padding:0 0 0 20px;}
.gnb_submenu .sub02 { padding:10px 0 0 0; }
.gnb_submenu .sub02 > ul > li { display:inline-block; width:158px; margin:0 7px 0 7px; line-height: 25px;}
.gnb_submenu .sub02 > ul { /*height:25%;*/ padding:5px 0 0 20px; }
.gnb_submenu .sub03 { padding:22px 0 0 0; }
.gnb_submenu .sub03 > ul > li { float:left; margin:0 7px 0 7px; line-height: 20px;}
.gnb_submenu .sub03 > ul { height:25%; padding:5px 0 0 20px; }
.gnb_submenu .sub04 > ul > li { float:left; margin:0 7px 0 7px; line-height: 110px;}
.gnb_submenu .sub04 > ul { height:100%; padding:0 0 0 20px; }
.gnb_submenu .sub05 > ul > li { float:left; margin:0 7px 0 7px; line-height: 110px;}
.gnb_submenu .sub05 > ul { height:100%; padding:0 0 0 20px; }


.f_bold a {font-family:'Nanum Gothic', sans-serif; font-size:14px; font-weight:bold; color: #002d5f;}
.f_bold li a {font-family:'Nanum Gothic', sans-serif; font-size:14px; font-weight:bold; color: #002d5f;}
.f_bold li a:hover { color:#333333; font-size:14px; text-decoration:underline; }
.f_bold a:hover { color:#333333; font-size:14px; text-decoration:underline; }

.depht1{ position: absolute; width: 745px; *top:32px; left:0; height:110px;	border-right: 1px solid #cccccc; margin-top: 5px; z-index:9999;	}

.depht1 >ul { height: 110px; line-height: 110px; }
	
.depht1 .fbold>ul>li:fist-child { padding-left:15px; }	
.depht1 >ul>li{ z-index: 100; display: block; float:left; padding-right: 15px; }

.depht2, .depht3 { position: absolute; width: 745px;	top:32px; left:0; height:110px;	border-right: 1px solid #cccccc; margin-top: 5px; z-index:9999;	}

/* .depht2 >ul { line-height:35px; } */

.depht2 >ul> div li{ z-index: 100; display: block; float:left; padding: 20px 15px 0 15px; }

.depht3 > div > ul li{ z-index: 100; display: block; float:left; padding: 20px 15px 0 15px; }



/* ¿ø°Ý¹× ȸ¿ø¹öÆ° */
.h_icon{ margin:23px 0 0 0; }
.h_icon ul>li{	float:left;	padding-left: 11px; }

/* introduction */


/* container */

#container{ position: relative;	width: 1000px; /*padding-top:110px;*/ }

.con_1{	position: relative;	border-top:1px solid #cccccc; }
.Counsel{ width: 255px;	height: 296px; }
.Counsel td.pdValue{padding: 0 5px; }

.Counsel_ti{ float: left; }

.con_2 { border-right:1px solid #cccccc; width:999px; overflow:hidden;}

.rol_img{ position: absolute; left: 255px; top:0; }

.con_lnb{ width:744px; height: 57px; background: url(../images/con_lnb_bg.jpg) no-repeat; position: absolute; left: 255px; top:239px; border-right:1px solid #cccccc; }

.con_lnb > ul > li { float: left; text-align:center; width:106.28px; height: 27px; line-height: 32px;}
.con_lnb > ul > li > a {font-weight:bold; color:#333;}
.con_lnb > ul > li > a:hover {color:#2585d1;}

.Costomer>img{ float:left; }

.App { width:999px; overflow:hidden; border-right: 1px solid #CCC; } 

/* °øÁö»çÇ× ¹× ÀÚ·á½Ç  start */

.tabs {position:relative; zoom:1;width:340px;  padding-top:10px;}
.tabs .tabNavi {zoom:1; height:25px; width:230px; margin-left:10px;}
.tabs .tabNavi:after {content:""; display:block; clear:both;}
.tabs .tabNavi li { float:left; list-style:none; }
.tabs .tabNavi li a { float:left; height:25px; width:68px; }

.tabss {position:relative; zoom:1;width:340px;  padding-top:10px;}
.tabss .tabNavis {zoom:1; height:25px; width:230px; margin-left:10px;}
.tabss .tabNavis:after {content:""; display:block; clear:both;}
.tabss .tabNavis li { float:left; list-style:none; }
.tabss .tabNavis li a { float:left; height:25px; width:68px; }

.te1{background:url(../images/Notice_02.jpg) no-repeat left top;}
.te2{background:url(../images/Notice_01.jpg) no-repeat left top;}
.tes3{background:url(../images/Notice_03.jpg) no-repeat left top;}
.te1:hover{background:url(../images/Notice_02_over.jpg) no-repeat left top;}
.te2:hover{background:url(../images/Notice_01_over.jpg) no-repeat left top;}
.tes3:hover{background:url(../images/Notice_03_over.jpg) no-repeat left top;}
.te1.selected{background:url(../images/Notice_02_over.jpg) no-repeat left top;}
.te2.selected{background:url(../images/Notice_01_over.jpg) no-repeat left top;}
.tes3.selected{background:url(../images/Notice_03_over.jpg) no-repeat left top;}
.tabs>ul{}
.tabNotice01, .tabNotice02, .tabNotice03{padding-top:5px; width:350px; border:0px solid #000;}
.tabNotice01 a, .tabNotice02 a,.tabNotice03 a{padding:0 0 0 11px; background:url() no-repeat left 5px; color:#000;}
.tabNotice01 li, .tabNotice02 li, .tabNotice03 li{position:relative; padding-top:8px; background:#red;}
.tabs .M_more{position:absolute; top:20px; right:0;}
.tabss .M_more{position:absolute; top:20px; right:0;}

.Notice_sm>ul>li{	float:left;	margin-top:10px; }

.Notice_sm{ float:left;	/*margin-left:266px;*/	/*overflow: hidden;*/ }
.Notice_sm span{position:absolute; top:40%; right:0;}

.Noticesms>ul>li{	float:left;	margin-top:10px; }

.Noticesms{ float:left;	/*margin-left:266px;*/	/*overflow: hidden;*/ padding-left:10px; }
.Noticesms span{position:absolute; top:40%; right:0;}

.sign{ float:right;	/*margin-top:-159px;*/ height:158px; padding-top: 16px; }
.sign_t >ul>li{ float:left; padding-left:5px; padding-bottom:10px; }

.App >ul>li{ float:left; }
/* ÃÖ±Ù°¡ÀÔ¾÷ü ·Ñ¸µ */
.rolling_wrap{padding-top:16px; float:right;}
.rolling_bn{width:390px; height:130px; background: #ffffff; position:relative;}
.rolling_bn .prev{float:left; width:13px; height:44px; position:absolute; top: -18px; left: 103px;}
.rolling_bn .next{float:left; width:13px; height:44px; position:absolute; top:-18px; left:124px;}
.rolling_bn div { position: relative; overflow: hidden; float: left; width: 390px; height: 75px; }
.rolling_bn div ul{position:absolute; left:0px; top:0px; width:20000px; height:130px;}
.rolling_bn div ul li { float: left; width: 90px; height: 75px; padding:20px 0 0 10px; }

.rolling_bn .store_name { width:90px; display:block; font-weight:bold; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; }
.rolling_bn .repre_name { width:90px; display:block; font-size:11px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;}
.rolling_bn .email { width:90px; display:block; font-size:11px; word-wrap:normal; overflow:hidden; text-overflow:ellipsis;white-space:nowrap}


.App_img{ float:left;}


/* ¹ðÅ· ¼­ºñ½º ·Ñ¸µ */
.bank_rolling_wrap{float:left; border-top: 1px solid #d3d3d3; background-color: #f7f7f7; position:relative; width: 742px; } 
.bank_rolling_bn{width:740px; height:130px; background: #ffffff; position:relative; z-index: 1; top:0px; left: 1px;}
.bank_rolling_bn .prev{float:left; width:13px; height:44px; position:absolute; top: 70px; left: 5px; z-index: 2;}
.bank_rolling_bn .next{float:left; width:13px; height:44px; position:absolute; top:70px; left:714px; z-index: 2}
.bank_rolling_bn div { position: relative; overflow: hidden; float: left; width: 740px; height: 130px; }
.bank_rolling_bn div ul{position:absolute; left:0px; top:0px; width:20000px; height:130px; }
.bank_rolling_bn div ul li { float: left; width: 185px; height: 130px; }
.bank_rolling_bn .bank_service{float:left; width:200px; height:44px; position:absolute; top: 18px; left: 30px; z-index: 2;}

/* footer */
/*new-footer*/
#new-footer {position:relative; background:#2f3134; width:100%; color:#fff; padding:25px 0;}
#new-footer .inner {	width:1000px; margin:0 auto; position: relative; }
#new-footer .fam_site { width:200px; right:0; top:10px; margin: 0; position:absolute; z-index:10000;}
#new-footer .fam_site select {width:240px; height:24px; margin-top:5px 0;}
#new-footer .util {top:0; right:0; z-index:2;}
#new-footer .util a {display:inline-block; padding:0 10px; position:relative; font-size:12px; font-weight:300; }
#new-footer .util a:first-child {padding-left:0; }
#new-footer .util a.last {padding-right:0;}
#new-footer .util a:before {position:absolute; top:50%; width:1px; height:7px; margin-top:-3.5px; left:-.5px; background:#fff; clear:both; content:''; display:block; }
#new-footer .util a:first-child:before {display:none; }
#new-footer .info {width:100%; position:relative;}
#new-footer .info strong {font-weight:600; font-size:20px; display:block;}
#new-footer .info .address {width:100%; }
#new-footer .info .address p {overflow:hidden; font-size:12px; font-weight:400; line-height:18px;}
#new-footer .info .address p span {display:block; float:left; }
#new-footer .info .address p span a {display:inline-block;}
#new-footer .info .address p span:first-child {margin-left:0; }
#new-footer .copy {color:rgba(255,255,255,.5); font-size:14px; font-weight:300; padding-top:10px; padding-bottom:5px;}



#footer{ height: 126px;	background:url(../images/b_line.jpg) repeat-x; }

#footer .footer_inner{ position: relative; width:1000px;	height: 300px; margin:0 auto; }
.bot_icon >li{ float:left; padding-left: 22px; padding-top:13px; }

.foot_add{ position: absolute; margin-top:40px;	margin-left:100px; height: 70px; }

.foot_add>img{ float:left; padding-right:25px; }

/*.foot_add >address{
	position: absolute;
	height: 70px;
	margin-left:60px;
	width: 490px;
}*/

/*  ¼­ºê1_È¿¼ºcms¼Ò°³ css ½ÃÀÛ  */

#sub_wrapper{ background: url(../images/sub_h_lineBg.jpg)repeat-x top center; }

#sub_header{ margin:0 auto; width: 1000px; height:105px; position: relative; }

#sub_contents{ margin:0 auto; width: 1000px; min-height:1100px;}

#sub_footer{ height: 105px;	margin-bottom: 15px; /*background: url(../images/sub_footer_bg.jpg) repeat-x 0 0;*/	background-color:#eeeeee; clear:both;}

.sub_topM li{ float:left; }

.sublogo{ position: absolute; top: 44px; left: 5px; }

.sub_topsm li{ float:left; margin-top: 38px; margin-left: 45px; cursor:pointer; }

.sub_topsm .first{ margin-left: 292px; }

#sub_quick{	width: 91px; background: url(../images/sub_left_IconBg.jpg)repeat-y 0 0;}

#sub_quick{ position: absolute; top:105px; margin-left:-115px; }

#sub_quick li{ text-align: center; padding-bottom: 6px; }

#subMenuWrap{ width: 255px; float:right; position: absolute; top:284px; margin-left:745px; }

.6_3con{ height:100px; }

.sub_footerInner{ position: relative; width: 1000px; margin: 0 auto; padding-top: 13px; }

.footerLogo{ position: absolute; top:25px; left:0px; }

address{	position: relative;	margin-left:245px;}

.footer_menu { margin:0 0 5px 245px; }
.footer_menu li { float:left; font-weight:bold; }
.footer_menu li span { padding:0 5px 0 5px; color:#585858; font-weight:100;}

.fam_site { width:200px; margin: -79px 0 0 800px; }

/** ¾÷Á¾º°¾È³» ÆäÀÌÁö ¹öÆ°  **/
.btn_group { position: absolute; top: 396px; left: 37px; height:36px; background:#ffffff; }
.btn_group span { text-indent: -9999em; }
.btn_join { background: url(../images/sub3_con01.jpg) no-repeat -37px -396px; width: 107px; height: 36px; border: 0; text-indent:-9999em; *text-indent:0em; }
.btn_question { background: url(../images/sub3_con01.jpg) no-repeat -147px -396px; width: 107px; height: 36px; margin:0 0 0 -1px; *margin:0 0 0 3px; border: 0; text-indent:-9999em; *text-indent:0em; }
.btn_estimate { background: url(../images/sub3_con01.jpg) no-repeat -257px -396px; width: 107px; height: 36px; margin:0 0 0 -1px; *margin:0 0 0 3px; border: 0; text-indent:-9999em; *text-indent:0em; }



.sms_detail .smsCont .smsWin { width:218px; height:190px; position:relative; background:url(/images/sub_detail_sms_bg.jpg) no-repeat center top;  margin:0px;}
.sms_detail .smsCont .smsWin textarea { resize:none; margin: 50px 0 0 15px; width: 180px; height: 74px; font-size:12px; color:#000; background:transparent; border:0; overflow-y:hidden;}
.sms_detail .smsCont .smsWin #sms_strCount {}
.sms_detail .smsCont .smsWin .sms_counter{ position: absolute; top: 100px; left: 180px; font-size: 12px; color: #000; }
.sms_detail .smsCont .gubun { }
.sms_detail .smsCont .gubun .title { display:inline; padding-right:10px; font-size:11px; color:#999; }
.sms_detail .smsCont .phone {margin:5px 0 5px 15px; }
.sms_detail .smsCont .name {margin:5px 0 5px 15px;  }
.sms_detail .smsCont .phone label,
.sms_detail .smsCont .name label { font-size:12px; color:#000; }
.sms_detail .btns { width:56px; margin:15px auto 0; }
.sms_detail input[type=text] { height:18px; }
.sms_detail select { height:22px; }


 #bannerZone2{width:110px; z-index:100; position:fixed; left:50%; margin-left:520px; top:130px; background:transparent; }
#bannerZone2 .right{width:107px; position:absolute; top:0px; right:0px;}

 #bannerZone1{width:110px; z-index:100; position:fixed; left:50%; margin-left:520px; top:230px; background:transparent; }
#bannerZone1 .right{z-index: 110; width:107px; position:absolute; top:15px; right:0px;}


.main_sms {background:url('/images/main_sms_bg.jpg')no-repeat; width:255px; height:296px;}
.main_sms textarea {position:absolute; top:50px; left:20px; width:200px; height:100px; font-size:12px; color:#000; border:0; overflow-y:hidden; resize:none; margine:20px 0 0 15px; background:transparent;}
.main_sms #sms_line{position:absolute; top:150px; left:200px;}
.main_sms_ck {position:absolute;top:137px; left:98px;}
.main_sms_company {position:absolute; top:159px; left:70px;}
.main_sms_name {position:absolute; top:195px; left:70px;}
.main_sms_phone {position:absolute; top:225px; left:70px;}
.main_sms_btn {position: absolute; left:90px; bottom:8px;}