﻿/********************** font **********************/



/* link */
.fc_en{font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;}
.fc_point{ color: #333; }
.fw-b{font-weight: 700;}
.fc_red{color: #e74c52 !important; }
.fc_enamel{color: #14bac6;}
.fc_data{color: #bdbdbd;}
.fc_noanswer{color: #6c6c6c !important;}
.fc_answer{display: inline-block; *display: inline; *zoom: 1; color: #ed1848 !important; line-height: 18px; border-bottom: 1px solid #ed1848;}
.fc_skyblue{color: #359fc4 !important; }
.fc_orange{ color: #f57000 !important; }
.fc_sodomy{ color: #314051 !important; }
.fc_black{color: #000 !important;  }
.para{ margin-bottom: 30px; }
.para2{ margin-bottom: 50px; }
.para_group > *{margin-bottom: 30px;}
.line_dot{background: url(../images/bg/bg_dotline_blue.gif) 0 100% repeat-x; padding-bottom: 20px; margin-bottom: 20px;  }
.fc_blue,.fc_blue:hover{color: #055ec2;}
a .fc_blue{  color: #8b8b8b; font-size: 12px; line-height: 16px; display: inline-block; *display: inline; *zoom: 1; border-bottom: 1px solid #8b8b8b; }



a .fc_blue:hover{ color: #348fe2; border-bottom: 1px solid #348fe2; }
.no_select{ text-align: center; font-weight: 700; padding: 30px 0; font-size: 14px; border-style: solid; border-color: #ededed; border-width:1px 0; margin-bottom: 50px; }

.box_txt{ padding-left: 13px; font-size: 14px; line-height: 22px;  color: #777; margin-bottom: 30px;  }
.box_txt .ex{ color: #666; font-size: 13px; line-height: 20px;  margin-top: 10px; }
.box_txt.gray{ background-color: #f4f4f4;  }
.box_txt.bdrs{border-radius: 10px;}

.box_txt2{font-size: 14px; line-height: 22px;}
.box_txt2 > p.mb{margin-bottom: 15px;}

.box_brown{border-radius: 10px; background-color: #f9f8f6; }
.boxtype{display: inline-block; *display: inline; *zoom: 1; border-radius: 3px; text-align: center; }
.boxtype:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.boxtype.red{background-color: #e11f27; color: #fff; }
.boxtype.gray{background-color: #808080; color: #fff; }
.boxtype.icoT1{  font-size: 12px; padding: 3px 10px; min-width: 70px; }
.boxtype.icoT2{  font-size: 13px; padding: 11px; min-width: 70px; }
.boxtype .ico{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;  }
.boxtype .ico.job{ width: 23px; height: 19px; background: url(../images/ico/ico_job.png) 50% 50% no-repeat; margin-right: 5px; }
.boxtype .ico.prev{ width: 10px; height: 10px; margin-top: -3px; margin-right: 5px; background: url(../images/ico/ico_arr_lft.png) 50% 50% no-repeat;  }
.boxtype .ico.next{ width: 10px; height: 10px; margin-top: -3px; margin-left: 5px; background: url(../images/ico/ico_arr_rgh.png) 50% 50% no-repeat;  }


/*이미지 고정 정렬*/
.imgDir{width: 100%; overflow: hidden;}
.imgDir:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.imgDir > span{float:left; width: 100%;}
.imgDir > span > img{max-width: 100%;}
/*이미지 고정 정렬 : 우측 고정*/
.imgDir.rgh > span{float: right;}
/********************** font **********************/

/********************** align **********************/

.ta-l{ text-align: left !important; }
.ta-c{ text-align: center !important; }
.ta-r{ text-align: right !important; }
.fa-l{float: left !important ;}
.fa-r{float: right  !important;}
.fa-n{float: none  !important;}

/********************** title **********************/

.title1{ margin-bottom: 45px; padding: 8px 0 9px;color: #054ca4; font-size: 20px; line-height: 24px; font-weight: 500; border-style: solid;border-color: #333 #fff #e0e0e0; border-width: 2px 0 1px;  }
.yline{padding-bottom: 15px;  background: url(../images/bg/bg_path_line.gif) 0 100% no-repeat;}
.title2{ padding-left: 15px; background: url(../images/bg/du_circle.gif) 0 7px no-repeat; color: #054ca4; font-size: 13px; line-height: 20px; margin-bottom: 10px; font-weight: 500;  }
.title3{color:#98876d; font-size:17px; font-weight:bold; margin-bottom:25px;}
.title4{ color: #333; font-size: 30px; line-height: 36px; padding-bottom: 24px; margin-bottom: 30px; font-weight: 700; background: url(../images/bg/bg_h_line.gif) 0 100% no-repeat;  }
.title5{  font-size: 16px; line-height: 22px; margin-bottom: 14px; color: #e11f27; font-weight: 500; color: #e11f27;  }
.title5 span{color: #cd123a; font-weight: 700; }
.title6{font-size:25px; color:#333; font-weight:bold; margin-bottom:20px;}
.title7{font-size:24px; line-height: 30px; color:#222; font-weight:bold; margin-bottom:20px; background: url(../images/bg/bg_dotline_gray.gif) 0 100% repeat-x; padding-bottom: 25px; margin-bottom: 30px;}
/********************** title **********************/

/********************** list **********************/

.lst_tab{position: relative;}
.lst_tab .h_tab{ display: none; }
.lst_tab > ul:after{display: block;overflow: hidden;content:"";height: 0;visibility: hidden; clear: both;}
.lst_tab > ul > li{ float: left; text-align: center; }
.lst_tab > ul > li > a{display: block; font-size: 15px; }
.lst_tab > ul > li > a:hover,.lst_tab > ul > li.on > a{color: #054ca4;}
.lst_tab > ul > li.on a{padding-bottom: 30px; background: url(../images/bg/bg_arr_tab.gif) 50% 100% no-repeat; font-weight: bold;}
.lst_tab > ul > li.on a span{ display: inline-block; *display: inline; *zoom: 1; border-bottom: 1px solid #054ca4; padding-bottom: 2px;}

.lst_tab.n6 > ul > li{width: 16.5%; background: url(../images/bg/bg_line_tab.gif) 0 50% no-repeat;}
.lst_tab.n6 > ul > li:first-child{width: 17.5%; background: none;}

.lst_tab .h_tab{display:block;width:100%;padding:8px 10px;border:1px solid #b5b5b5; background:url(../images/bg/bg_select2.gif) 96% 50% no-repeat;color:#666;text-align:left;font-size: 15px;}
.lst_tab ul.trans{display:none; position: absolute;  left: 0;  top: 35px; width: 100%;}
.lst_tab ul.trans li{float:none; height: auto;  margin-left:0;bottom:0;bottom:0;width:auto;margin-top:-1px;border:1px solid #b5b5b5;text-align:left;background: none;background-color: #fff; }
.lst_tab.n6 > ul.trans > li:first-child{width: auto; background: none;}
.lst_tab ul.trans li a{display:block;width:auto;padding:6px 10px;border-style:solid;border-width:0;font-size:13px;color: #666;}
.lst_tab > ul.trans > li.on a{padding:6px 10px; background:none; font-weight: bold;}
.lst_tab > ul.trans > li.on a span{  border-bottom:0; padding-bottom: 0;  color: #054ca4;}



.lst_thmb:after{display: block;overflow: hidden;content:"";height: 0;visibility: hidden;}
.lst_thmb .thmb{float:left;}
.lst_thmb .thmb img{max-width: 100%;}

.bannerType1{}
.bannerType1 img{max-width: 100%;  }
.bannerType1.n5 .small {margin-top: 10px;}
.bannerType1.n5 .small > ul{margin-left: -1.54%;}
.bannerType1.n5 .small > ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.bannerType1.n5 .small > ul > li{ position: relative; float: left; width: 18.46153846153846%; margin-left: 1.54%; }
.bannerType1.n5 .small > ul > li.last{float: right;margin-left: 0;}
.bannerType1.n5 .small > ul > li > .btn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;  z-index: 1; background-image: url(trg.png);  }
.bannerType1.n5 .small > ul > li.on > .btn{border: 4px solid #438ae3;}


/*그래프*/
.lst_graph{ position: relative; }
.lst_graph>ul{border-bottom: 1px solid #d8d8d8; height: 100px;}
.lst_graph>ul>li{ position: absolute; left: 0; bottom: -22px; text-align: center; }
.lst_graph>ul>li.n1{left: 45px;}
.lst_graph>ul>li.n2{left: 100px;}
.lst_graph>ul>li.n3{left: 155px;}
.lst_graph>ul>li.n4{left: 210px;}
.lst_graph>ul>li.n5{left: 265px;}
.lst_graph>ul>li .bar{ background-color: #64b9bd; width: 26px; height: 10px; color: #64b9bd; }
.lst_graph>ul>li .bar > span{position: absolute; left: 0; top: -13px; width: 26px; text-align: center; }
.lst_graph>ul>li .year{ color: #626262; font-size: 13px; margin-top: 10px; text-align: center; }

.lst_dot{  }
.lst_dot > ul > li{ position: relative; left: 0; top: 0; padding-left: 10px; background: url(../images/ico/du_circle.gif) 0 10px no-repeat; }
.lst_arr > ul > li{position: relative; margin-bottom: 10px;}
.lst_arr > ul > li > strong.h{ position: absolute; left: 0; top: 0; display: block; width: 133px; color: #054ca4; font-weight: normal; background: url(../images/bg/bg_colon.gif) 100% 9px no-repeat; }
.lst_arr > ul > li > span.con{display: block; margin-left: 150px; color: #054ca4;}

.lst_type2 { font-size: 13px; line-height: 28px;  }
.lst_type2 > ul > li {position: relative; padding: 0 0 0 22%; }
.lst_type2 > ul > li .h1{ position: absolute; left: 0; top: 0; width: 15.5%; font-weight: normal; }
.lst_type2 > ul > li .h1 span{ position: absolute; right: 0; top: 0;  }
.lst_type2 > ul > li .h1 .t{ position: absolute; right: 0; top: 0;  }

.lst_select{position: relative;}
.lst_select .h_tab{ display: block; margin-bottom: 40px; }
.lst_select .h_tab button{display:block;width:100%;padding:8px 10px;border:1px solid #b5b5b5; background:url(../images/bg/bg_select2.gif) 96% 50% no-repeat;color:#666;text-align:left;font-size: 15px;}
.lst_select ul{display:none; position: absolute;  left: 0;  top: 35px; width: 100%;}
.lst_select ul li{float:none; height: auto;  margin-left:0;bottom:0;bottom:0;width:auto;margin-top:-1px;border:1px solid #b5b5b5;text-align:left;background: none;background-color: #fff; }
.lst_select ul li a{display:block;width:auto;padding:6px 10px;border-style:solid;border-width:0;font-size:13px;color: #666;}


/*sortDesign*/
.sort_lst{text-align: center;}
.sort_lst > li{ display: inline-block; *display: inline; *zoom: 1; margin-left: 5px; }
.sort_lst > li:first-child{margin-left: 0;}
.sort_lst dl.sort_box{color: #505050;  position: relative; z-index: 2; }
.sort_lst dl.sort_box dt{position: relative; z-index: 2; display: table; border-style: solid; border-color: #dadada #dadada #dadada; border-width: 0 0 1px; min-width: 157px;  height: 36px; background: url(../images/ico/ico_arrbot_off.gif) 90% 50% no-repeat; background-color: #fff; }
.sort_lst dl.sort_box dt button{ display: table-cell; width: 100%; height: 34px; vertical-align: middle; text-align: left;  }
.sort_lst dl.sort_box dt button span{ display: block; padding-left: 13px;  color: #505050; font-size: 13px; font-weight: 700; padding-right: 40px; }
.sort_lst dl.sort_box dd{display: none;min-width: 100px; padding: 20px 40px 20px 15px; display: none; position: absolute; left: 0; top: 36px; z-index: 1; border-style: solid; border-width: 1px; border-color:#dadada; background-color: #fff; text-align: left;}
.sort_lst dl.sort_box dd > ul > li{ margin-top: 10px; white-space:nowrap; }
.sort_lst dl.sort_box dd > ul > li:first-child{margin-top: 0;}
.sort_lst dl.sort_box dd > ul > li button:hover,dl.sort_box dd > ul > li.on button{ color: #e80f0f;   }

.sort_lst dl.sort_box.color dd{min-width: 120px; padding: 20px 20px 20px 15px;}
.sort_lst dl.sort_box.color dd > ul > li{margin-top: 5px;}
.sort_lst dl.sort_box.color dd > ul > li button{width: 100%; height: 26px; line-height: 26px; color: #fff;}
.sort_lst dl.sort_box.color dd > ul > li.n0 button{color: #000;} 
.sort_lst dl.sort_box.color dd > ul > li.n1 button{background-color: #d60c0c;} 
.sort_lst dl.sort_box.color dd > ul > li.n2 button{background-color: #f76800;} 
.sort_lst dl.sort_box.color dd > ul > li.n3 button{background-color: #9d4b0f;} 
.sort_lst dl.sort_box.color dd > ul > li.n4 button{background-color: #f3e219;} 
.sort_lst dl.sort_box.color dd > ul > li.n5 button{background-color: #21ba21;} 
.sort_lst dl.sort_box.color dd > ul > li.n6 button{background-color: #3585c2;} 
.sort_lst dl.sort_box.color dd > ul > li.n7 button{background-color: #3585c2;} 
.sort_lst dl.sort_box.color dd > ul > li.n8 button{background-color: #83017f;} 
.sort_lst dl.sort_box.color dd > ul > li.n9 button{background-color: #eb3792;} 
.sort_lst dl.sort_box.color dd > ul > li.n10 button{background-color: #ffffff; color: #000;} 
.sort_lst dl.sort_box.color dd > ul > li.n11 button{background-color: #6b6b6b;} 
.sort_lst dl.sort_box.color dd > ul > li.n12 button{background-color: #000000;} 
.sort_lst dl.sort_box.color dd > ul > li.n13 button{background: url(../images/bg/bg_gra1.jpg);} 
.sort_lst dl.sort_box.color dd > ul > li.n14 button{background: url(../images/bg/bg_gra2.jpg);} 


.lst_sort1 > li{ position: relative; left: 0; top: 0;}
.lst_sort1 > li > strong{  color: #333; position: absolute; left: 0; top: 0;  font-weight: 700; }
.lst_sort1 > li > span{ display: block; margin-left:100px; }

.lst_num1 > li{ position: relative; left: 0; top: 0;  padding-left:20px; }
.lst_num1 > li > .num{ position: absolute; left: 0; top: 0; }

.lst_process ul {margin-bottom:65px;}
.lst_process ul:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.lst_process ul li:first-child {padding-left:0; background:none;}
.lst_process ul li {float:left; width:12.61186440678%; padding-left:1.86440677966%; background-image:url(/images/market/bg_rental_arr.gif);background-position:4.06976744186% center; background-repeat:no-repeat; }
.lst_process ul li .inner {padding:20px 8.66666666%; border:1px solid #d9d9d9; text-align:center; min-height:233px;}
.lst_process ul li .inner .box p.step {color:#9e9e9e; font-size:15px; font-weight:700; font-family:'Lato';margin-bottom:8px;}
.lst_process ul li .inner .box p.tit {color:#000; font-size:14px; font-weight:bold; margin-bottom:25px; line-height:22px; text-align: center;}
.lst_process ul li .inner .box p.txt {font-size:13px; color:#666; line-height:22px;}
.lst_process ul li .inner .box {padding-top:90px;  background-repeat:no-repeat; background-position:center 0;}
.lst_process ul li.step1 .inner .box {background-image:url(/images/market/ico_rental1.gif);}
.lst_process ul li.step2 .inner .box {background-image:url(/images/market/ico_rental2.gif);}
.lst_process ul li.step3 .inner .box {background-image:url(/images/market/ico_rental3.gif);}
.lst_process ul li.step4 .inner .box {background-image:url(/images/market/ico_rental4.gif);}
.lst_process ul li.step5 .inner .box {background-image:url(/images/market/ico_rental5.gif);}
.lst_process ul li.step6 .inner .box {background-image:url(/images/market/ico_rental6.gif);}
.lst_process ul li.step7 .inner .box {background-image:url(/images/market/ico_rental7.gif);}

.lst_order .lst {width: 100%; margin-bottom:40px; background:url(/images/order/ico_mark.gif) 0 0 no-repeat; display: inline-block; *display: inline; *zoom: 1; }
.lst_order .lst > .inner { padding-left: 26px; }
.lst_order{*zoom:1;}
.lst_order:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
.lst_order .lst h1 {color:#333; margin-bottom:10px; font-size: 15px; line-height:21px;}
.lst_order .lst .txt {color:#666; font-size:13px; line-height: 22px;}
.lst_order .lst .btn{margin-top: 15px;}
.lst_order .lst .btn > a{display: inline-block; *display: inline; *zoom: 1;  padding-left: 10px; margin-left: 6px; background: url(../images/bg/bg_line_gray.gif) 0 50% no-repeat;}
.lst_order .lst .btn > a:first-child{background: none; padding-left: 0; margin-left: 0;}

/*체크박스 */
.lst_check {display:inline-block; overflow:hidden; vertical-align: middle;}
.lst_check > span{ display: inline-block; background:#fff;*display: inline; *zoom: 1; position: relative; overflow: hidden; min-width:66px; border-radius: 2px; border: 1px solid #858585; color: #858585;   }
.lst_check > span.on{background-color: #858585;}

.lst_check > span > label,.lst_check > span > input{ vertical-align: bottom; cursor: pointer; }
.lst_check > span > label{min-width:66px; padding: 6px 8px; display: inline-block; *display: inline; *zoom: 1; text-align: center; color: #858585; }
.lst_check > span.on  label{background-color: #858585; color: #fff;}

.lst_check > span > input{ position: absolute; left: -50px; top: -50px;  }
.lst_check.dash_btnbox{position:absolute; right:0; top:80px; z-index:99;}
/*option1 */
.lst_check > span.pink {border: 1px solid #ed1848 ;} 
.lst_check > span.pink label {color:#ed1848;}
.lst_check > span.pink.on  label {background:#ed1848; color: #fff;}
/*option2 */
.lst_check.type2 > span{ min-width:66px; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #afafaf; background-color: #afafaf; color: #858585;   }
.lst_check.type2 > span > label{color: #fff; }
.lst_check > span.on  label{background-color: #ed1848; border-color: #ed1848;}
/*option3 */
.lst_check.type3 > span{ min-width:66px; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #ed1848; background-color: #fff; color: #ed1848;   }
.lst_check.type3 > span > label{color: #ed1848; font-size: 12px; font-weight: 700; padding: 9px 10px 10px; }
.lst_check > span.on  label{background-color: #ed1848; border-color: #bc1b40; color: #fff;}


.lst_hori > ul{*zoom:1;}
.lst_hori > ul:after{clear: both;display: block;content:""; height: 0;visibility: hidden;}
.lst_hori > ul > li{ float: left;   }
.lst_hori > ul > li img{ max-width: 100%; }
.lst_hori.vt > ul > li{float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}

.lst_hori.n2{}
.lst_hori.n2 > ul{ margin-left: -1.5%; position: relative; left: 0; top: 0;}
.lst_hori.n2 > ul > li{width: 48.5%;  margin-left: 1.5%; text-align: center;  }
.lst_hori.n3{}
.lst_hori.n3 > ul{ margin-left: -1.5%; position: relative; left: 0; top: 0;}
.lst_hori.n3 > ul > li{width: 31.8%;  margin-left: 1.5%; text-align: center;  }
.lst_hori.n4{}
.lst_hori.n4 > ul{ margin-left: -1.5%; position: relative; left: 0; top: 0;}
.lst_hori.n4 > ul > li{width: 23.5%;  margin-left: 1.5%; text-align: center;  }
.lst_hori.vt.n4{}
.lst_hori.vt.n4 > ul{ position: relative; left: 0; top: 0; margin-left: 4px;}
.lst_hori.vt.n4 > ul > li{width: 23%; margin-left: -4px;  padding:0 1%; text-align: center;  }

.lst_hori.n6{}
.lst_hori.n6 > ul{ margin-left: 0.6%; position: relative; left: 0; top: 0;}
.lst_hori.n6 > ul > li{width: 16%;  margin-left: 0.6%; text-align: center;  }


/* faq */
.lst_faq{ border-top: 2px solid #bd0000;  }
.lst_faq > ul > li{ font-size: 15px; line-height: 24px; color: #585858; }
.lst_faq > ul > li  .q{ position: relative;  padding: 14px 40px 14px 66px;  position: relative;  border-bottom: 1px solid #e4e4e4; }
.lst_faq > ul > li a{ font-size: 14px; line-height: 20px; color: #444; font-weight: 500; }
.lst_faq > ul > li .num{ position: absolute; left: 37px; top: 14px; display: none;  }
.lst_faq > ul > li .sort{ position: absolute; left: 20px; top: 20px;  }
.lst_faq > ul > li .open{ position: absolute; right: 38px; top: 14px; display: none;  }
.lst_faq > ul > li .a{ position: relative; background-color: #fafafa; font-size: 13px; line-height: 22px; overflow: hidden; display: none; border-bottom: 1px solid #e4e4e4; }
.lst_faq > ul > li .a .inr{padding: 14px 40px 14px 66px; }

/********************** list **********************/


/********************** tab **********************/

.tabBox {margin: 0 auto; text-align:center; margin-bottom:50px;}
.tabBox .h_tab{display: none;}
.tabBox.mb2{margin-bottom: 50px;}
.tabBox ul li {display: inline-block; *display: inline; *zoom: 1; background:url(/images/bg/bg_tab_line.gif) 0 4px no-repeat;padding-left:25px; margin-left:20px;}
.tabBox ul li:first-child {background:none; padding-left:0; margin-left:0;}
.tabBox ul li a {color:#969595; font-size:15px; font-weight:bold;display:inline-block; padding-bottom:8px; border-bottom:2px solid #fff; }
.tabBox ul li.on a,.tabBox ul li:hover a {border-bottom:2px solid #ed1949; color:#ed1949;}

.tab_type2{*zoom:1; margin-bottom: 30px; }
.tab_type2:after{clear: both;display: block;content:""; height: 0;visibility: hidden;}
.tab_type2 ul{*zoom:1; float: right;}
.tab_type2 ul:after{clear: both;display: block;content:""; height: 0;visibility: hidden;}
.tab_type2 ul > li{ float: left; margin-left: 10px; height: 21px; line-height: 21px; padding-right:11px; color: #fff; font-size: 15px; font-weight: 700;  background-repeat: no-repeat; background-position: 100% 0; background-image: none;  text-align: center; }
.tab_type2 ul > li > a{ background-repeat: no-repeat; background-position: 0 0; background-image: none;  display: block;  padding-left: 22px; padding-right: 11px;  color: #343333;}

.tab_type2 ul > li.on{ background-image: url(../images/bg/bg_tab_rgh.jpg);  }
.tab_type2 ul > li.on > a{  background-image: url(../images/bg/bg_tab_lft.jpg); color: #fff; }


.tabArea .h_tab{display: none;}
.tab_list {border-bottom:2px solid #4f8eab; margin-bottom:25px;}
.tab_list:after {display:block; clear:both; content:"";}
.tab_list li:first-child{margin-left: 0;}
.tab_list li {width: 25%; top: 2px; float:left;position:relative; height:44px;  margin-left: 0; z-index: 0;  text-align: center; margin-left: -2px; }
.tab_list li > a{ font-family: "Helvetica Neue", Arial , Helvetica, sans-serif; display: block; height: 40px; line-height: 40px; border-radius: 8px 8px 0 0; border-style: solid; border-width: 2px 2px 0; border-color: #e2edf2;  background-color: #f5f8fa; font-weight: bold; font-size: 14px;  color: #a6b6c3;  }
.tab_list li.on{ z-index: 3; top: 2px; }
.tab_list li.on > a{ height: 42px; line-height: 42px;  border-color: #4f8eab; color: #4f8eab; font-size: 16px; background-color: #fff; }





/********************** tab **********************/


/********************** form **********************/
input.inp_txt{ border-style: solid; border-width: 1px; border-color: #e2e7eb; height: 30px; line-height: 30px; padding: 0 10px;  font-size: 1em; color: #515151; border-radius: 3px; }
input.inp_txt2{ border-style: solid; border-width: 1px; border-color: #cfcfcf; height: 38px; line-height: 38px; padding: 0 10px;  font-size: 1em; color: #515151;  border-radius: 3px; }

input.title{ width: 96%; padding: 0 2%; }
.inpBox{display: inline-block; *display: inline; *zoom: 1; width: 204px; height: 33px; border: 1px solid #d9d9d9; position: relative;}
.inpBox input[type="text"]{width: 160px; height: 33px; line-height: 33px; padding: 0 40px 0 4px; border: 0; }
.inpBox button{position: absolute; right: 9px; top: 8px;}


input.tel{width: 62px !important;}
input.wt{width: 270px !important;}
input.wt2{width: 338px !important;}
input.date{width: 105px !important;}
input.w200{ width: 200px; }
input.w250{ width: 250px; }
input.w390{ width: 390px; }
input.w470{ width: 470px; }
input.w720{ width: 720px; }
input.w190{ width: 190px !important; }
input.w130{ width: 130px; }
input.w150{ width: 150px; }
input.w110{ width: 120px; }
input.w120{ width: 130px; }
input.w50{ width: 50px; }
input.w60{ width: 60px; }
input.w70{ width: 70px; }
input.w80{ width: 80px; }
input.w90{ width: 90px; }
input.w100{ width: 100px; }
input.wp100{width:30%;}
input.wp80{width:80%;}
input.txt_point{text-align:center;}
input.txt_point2{text-align:right;}
input.w95p {width:95%;}

.chkboxDes{ padding-left: 28px;  line-height: 24px; position: relative; height: 22px; display: inline-block; *display: inline; *zoom: 1; background: url(../images/bg/bg_radio_off.jpg) 0 50% no-repeat;  overflow: hidden; cursor:pointer; }
.chkboxDes.on{background: url(../images/bg/bg_radio_on.jpg) 0 50% no-repeat; color: #5a9db4;  font-weight: bold;}
.chkboxDes > input[type="checkbox"]{ position: absolute; left: -9999px;  top: 0; width: 17px; height: 17px;   z-index: 0;  }

/*input file fake*/
div.fileinputs {
 position: relative;
 width: 100%;
}

div.fakefile {
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 1;
}
div.fakefile{position: relative; padding-left: 130px;}
div.fakefile img{position: absolute; left: 0; top: 0;}
div.fakefile input{ border: 1px solid #e2e7eb;  width: 96%; padding: 0 2%;   height: 30px; line-height: 30px;} 
input.file {
 position: absolute; left: 0; top: 0;
 cursor: pointer;
 width: 100%; 
 height: 28px; line-height: 28px;
 text-align: right;
 -moz-opacity:0 ;
 filter:alpha(opacity: 0);
 opacity: 0;
 z-index: 2;
}

 button.lst_Upload_del{ margin-left: 2px; width: 15px; height: 15px; overflow: hidden; text-indent: -9999px;  display: inline-block; background-image: url(../images/ico/ico_common.png); background-repeat: no-repeat; background-position: -414px -17px;  vertical-align:0; }
button.lst_Upload_del:hover{background-position:-414px -40px;}

.textarea{border-style: solid; border-width: 1px; border-color: #e2e7eb; border-radius: 3px; padding: 10px;width:93% }
.textarea > textarea{ width: 100%; height: 70px; border: 0;    }
.textarea.h200  > textarea{height: 200px; }

.check_listbox{ display: inline-block; *display: inline; *zoom: 1; text-align: center; line-height: 22px; color:#333; position: relative; overflow: hidden; font-size: 12px;}
button.check_listbox{width: 24px; height: 24px; line-height: 24px;}
.check_listbox.all.on{color: #fff; }

.check_listbox.box label{ display: block; width: 100%; height: 23px; overflow: hidden; cursor: pointer; background: none; padding-left:10px;padding-right:15px; background:url(/images/ico/ico_check_off.gif) 0 center no-repeat; }
.check_listbox.box label.on,.check_listbox.box.on label{ background:url(/images/ico/ico_check_on.gif) 0 center no-repeat; }
.check_listbox.box input[type="checkbox"]{ position: absolute; left: -100px; top: -100px; }

.radio_listbox{ display: inline-block; *display: inline; *zoom: 1; text-align: center; line-height: 22px; color:#333; position: relative; overflow: hidden; font-size: 12px; text-align: left;}
.radio_listbox label{ display: block; width: 100%; height: 23px; overflow: hidden; cursor: pointer; background: none; padding-left:20px;padding-right:25px; background:url(/images/ico/ico_radio_off.jpg) 0 5px no-repeat; }
.radio_listbox.on label{ background:url(/images/ico/ico_radio_on.jpg) 0 5px no-repeat; background-color: #fff; }
.radio_listbox input[type="radio"]{ position: absolute; left: -100px; top: -100px; }

/*기본 폼메일 1*/
.formMailType1{}
.formMailType1 > ul > li{ max-width: 556px; margin-bottom: 22px; position: relative;}
.formMailType1 input[type="text"]{ width: 100%; max-width: 556px; }
.formMailType1 .h{ display: block; margin-bottom: 6px; font-size: 15px; line-height: 20px; color: #333; }
.formMailType1 .rgh_group{ position: absolute; right: 0; top: 0; text-align: right; }
.formMailType1 .rgh_group .radio_listbox label{  padding-left:20px;padding-right:25px;  }

/*기본 폼메일 1*/
.formMailType2{max-width: 570px; }
.formMailType2 .header{ border-bottom: 2px solid #717171; padding-bottom: 20px; text-align: left; }
.formMailType2 > ul > li{ margin-bottom: 22px; position: relative;}
.formMailType2 input[type="text"]{ padding: 0 1%; width: 98%;}
.formMailType2 .h{  width: 120px; padding-top: 6px; position: absolute; left: 0; top: 0; text-align: left; font-weight: 700; color: #494949; font-size: 15px;  }
.formMailType2 .cont{ margin-left: 142px; min-height: 20px;  text-align: left; }
.formMailType2 .cont.txt{ padding-top: 6px; }



/* 썸네일 이미지/제목 박스*/
.thumb_photo .photo{ width: 261px; display: inline-block; *display: inline; *zoom: 1; position: relative; vertical-align: middle;}
.thumb_photo .info{ display: inline-block; *display: inline; *zoom: 1; margin-left: 20px; vertical-align: middle; }
.thumb_photo .info p.t1{ font-size: 16px; line-height: 22px; color: #454545; font-weight: 700; }
.thumb_photo .info p.t2{ margin-top: 5px; font-size: 13px; line-height: 18px; color: #626262;  }
.thumb_photo .photo img{width: 100%; height: auto;}

span.selectbox_title{
    min-width: 63px;
    text-align:left;
    padding: 2px 3px 1px 4px;
    border:1px solid #ccd1d4;
    border-radius: 2px;
    background: #fff url(../images/bg/bg_select_arr.gif) no-repeat 97% 50%;
}
span.selectbox_title.ad{ min-width: 194px; }
div.selectbox_option.ad{ min-width: 191px; }
span.selectbox_title.tel{min-width: 60px;}
span.selectbox_title.month {min-width:100%;}

span.selectbox_title strong{
    width:100%;
    height: 14px; 
    line-height: 14px;
    font-weight:normal;
    font-size:13px;
    color:#666;
    word-break:break-all;
    padding:5px 0 6px 5px;
    _padding:5px 0 6px 5px;
    display:block;
    overflow:hidden;
    color: #272727;
}
span.selectbox_title_focus{
    border-color:#333;
}
span.selectbox_title_focus strong{
    color:#000;
}
span.selectbox_title_disabled{
    background-color:#fff;
}
span.selectbox_title_disabled strong{
    color:#999;
}
 
/* select box option */
div.selectbox_option.month {min-width:91%;}
div.selectbox_option{
    min-width: 60px;
    padding:3px 5px;
    border:1px solid #ccd1d4;
    overflow:hidden;
    background: #fff;
    z-index: 200 !important;
}


div.selectbox_option li{
    list-style:none;
}
div.selectbox_option a{
    color:#666;
    font-size:12px;
    line-height: 16px;
    word-break:break-all;
    line-height:1.4em;
    text-decoration:none;
    padding:2px 3px 5px;
    _padding:3px 3px 4px;
    display:block;
    overflow:hidden;
}
div.selectbox_option a.on,
div.selectbox_option a:hover{
    color:#272727;
    font-size:12px;
    line-height: 16px;
    
    
}
 
/* select box multiple */
span.selectbox_multiple{
    border:1px solid;
    border-color:#999;
    background:#FFF;
    display:inline-block;
    overflow:hidden;
}
span.selectbox_multiple ul li{
    height:1em;
    font-size:11px;
    color:#666;
    word-break:break-all;
    line-height:1.4em;
    padding:1px 3px 4px;
    _padding:2px 3px 3px;
    display:block;
    overflow:hidden;
}
span.selectbox_multiple ul li.on{
    color:#000;
    background:#CCC;
}
span.selectbox_multiple_focus{
    border-color:#333;
}
span.selectbox_multiple_focus ul li.on{
    color:#000;
    background:#BBB;
}
span.selectbox_multiple_disabled{
    background-color:#EEE;
}
span.selectbox_multiple_disabled ul li{
    color:#999;
}


/********************** form **********************/


/********************** table **********************/
col.col_calender{ width: 14.285714%; }
col.no{width: 80px; }
col.name{width: 130px; }
col.tel{width: 130px; }
col.pass{width: 100px; }
col.t4{width: 150px; }
col.w60{width: 60px; }
col.data{width: 150px; }
col.view{width: 152px; }
/*모바일 부가정보 테이블 */
.mobileTableBox{display: none;}
.mobileTableBox span{ display: inline-block; *display: inline; *zoom: 1; padding-right: 6px;  margin-top: 3px; font-size: 13px; color: #4d4d4d; background: url(../images/bg/bg_line_gray.gif) 100% 50% no-repeat; }
.mobileTableBox span:last-child{background: none;}


.tableType{width: 100%;padding-top: 1px; background: url(../images/bg/bg_table_top.gif) 0 0 repeat-x; }
.tableType table{width: 100%; }
.tableType table thead th{background-color: #fbfcfc;  vertical-align: middle; padding: 10px; border: 1px solid #ececec; }
.tableType table td,table table th{border-style: solid; border-width:1px; border-color:#ececec; text-align: center; vertical-align: middle; padding: 10px;}

/* .tableType table th{border-width:0 1px 1px;} */

/* news : type3 */
#bbs_nomal_list > header.header{ position: relative; margin-bottom: 12px; }
#bbs_nomal_list > header.header .bbs_searchbox{ float: right;}
#bbs_nomal_list > header.header:after{ display: block;clear: both;content:"";height: 0;visibility: hidden; }
#bbs_nomal_list > header.header .selectbox_title{ margin-right: 5px;}
#bbs_nomal_list > header.header .selectbox_title .btn{vertical-align: middle; }

.lst_gallery > ul > li{margin-bottom: 30px; }
.lst_gallery > ul > li img{max-width: 100%; }
.lst_gallery > ul > li .h{color: #222;  font-weight: 500; }
.lst_gallery > ul > li .thmb{margin-bottom: 10px;  border:  1px solid #d9d9d9; width: 100%; height: 30%;   overflow: hidden; display: table;   }
.lst_gallery > ul > li .thmb > a{ display: table-cell;  vertical-align: middle;  }

.bbs_searchbox.solo{ text-align: right; margin-bottom: 12px; }
.bbs_searchbox.solo span.selectbox_title{margin-right: 5px;}
.bbs_bot{position: relative;}
.bbs_bot .rgh_group{ position: absolute;  right: 0;  top: -1px; }
.bbs_bot .rgh_group > *{margin-left: 2px;}

.bbs_bot.mt{margin-top: 40px;}

.box_password{display: none; position: absolute; left: 50%; top: 50%; z-index: 200; border: 1px solid #e7e7e7; margin: 0 auto; padding: 20px; width:240px; text-align: center; font-size: 14px; font-weight: 500; color: #222; background-color: #fff; margin-left: -140px; margin-top: -100px;   }
.box_password .inp_txt{margin-top: 20px; text-align: center; }
.box_password .boxtype{margin-top: 20px;}

#bbs_nomal_view{border-top: 2px solid #e11f27;}
#bbs_nomal_view img{max-width: 100% !important;}
#bbs_nomal_view table{border-collapse:separate;}
#bbs_nomal_view .header{position: relative; padding: 10px 15px; border-bottom: 1px solid #e7e7e7; font-size: 14px; line-height: 20px; color: #333; font-weight: 500;}
#bbs_nomal_view .header h1{ font-size: 14px; }
#bbs_nomal_view .header .data{ position: absolute; top: 10px; right: 20px; font-size: 12px; color: #777; }

/*채용공고 옵션*/
#bbs_nomal_view.job .header .data{ border-top: 1px solid #e7e7e7; margin-top: 10px; padding: 10px 0 0; position: static; top: 0; right: 0; font-size: 12px; color: #777; }
#bbs_nomal_view.job .header .data .boxtype{margin-right: 10px;}

#bbs_nomal_view .article {padding: 20px; }
#bbs_nomal_view .article.bdb {padding: 20px; border-bottom: 1px solid #e7e7e7; }
#bbs_nomal_view .file_area{position: relative; border-style: solid; border-width: 1px 0; border-color: #e7e7e7; margin: 20px 0; padding: 10px 0;  }
#bbs_nomal_view .file_area:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}
#bbs_nomal_view .file_area h2 {width:89px;padding-left:19px; position: absolute; left: 0; top: 10px; font-size: 13px; font-weight: 500;}
#bbs_nomal_view .file_area .cont{margin-left: 109px; font-size: 13px; }
#bbs_nomal_view .btns{text-align: center; margin-top: 80px; }
#bbs_nomal_write{border-top: 2px solid #e11f27;}
#bbs_nomal_write ul.list > li{ position: relative; left: 0; top: 0;padding: 7px 0 7px 80px; }
#bbs_nomal_write ul.list > li .h{ width: 80px; padding: 11px 0 0; text-align: center; position: absolute; left: 0; top: 0; text-align: center; vertical-align: middle; font-size: 14px; line-height: 20px; color: #222; }
#bbs_nomal_write ul.list > li .cont.txt{padding-top: 5px;}

/* 이전글 다음글 */
.bbsPage {border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;}
.bbsPage > li{position: relative; padding: 10px 0; border-top:1px solid #e7e7e7;}
.bbsPage > li:first-child{border-top: 0;}
.bbsPage strong {width:89px;padding-left:19px; position: absolute; left: 0; top: 10px;}
.bbsPage span {display: block; padding-left:109px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /* 말줄임처리 */ /* 수정 14.12.24 */

.bbsPage a {font-family:'NanumGothic Bold';} /* 수정 14.12.24 */
.bbsPage .prev {background:url(/assets/img/common/bg_prev_1.gif) no-repeat 67px 17px;}
.bbsPage .next {background:url(/assets/img/common/bg_next_1.gif) no-repeat 67px 18px;}
.bbsPage.type1 {border-top:none;}
.bbsPage.type1 dd {width:450px;} /* 수정 14.12.24 */


/********************** table **********************/
col.no{width:70px; }
col.t4{width: 150px; }
col.data{width: 102px; }
col.data2{width: 200px; }
col.view{width: 60px; }
/*모바일 부가정보 테이블 */
.mobileTableBox{display: none;}
.mobileTableBox span{ display: inline-block; *display: inline; *zoom: 1; padding-right: 6px;  margin-top: 3px; font-size: 13px; color: #4d4d4d; background: url(../images/bg/bg_line_gray.gif) 100% 50% no-repeat; }
.mobileTableBox span:last-child{background: none;}

/*table : 게시판*/
.bbs_table{ border-top: 2px solid #e11f27; border-bottom: 1px solid #e7e7e7;  }
.bbs_table table{  width: 100%; }
.bbs_table table thead tr th{ padding: 12px 0; text-align: center; font-size: 13px; color: #222; line-height: 19px; background-color: #fcfcfc;  }
.bbs_table table tbody .tr_new_color th,.bbs_table table tbody .tr_new_color td{  background-color: #fdfbf4;}
.bbs_table table tbody td.today{ color: #ed1949; }
.bbs_table table tbody tr td{padding: 15px 0; border-top: 1px solid #e7e7e7; width: inherit; text-align: center; color: #777; font-size: 13px; line-height: 17px; vertical-align: middle;} 
.bbs_table table tbody tr td .mobile{display: none;}
.bbs_table table tbody tr td .bbs_name{display: none;  }
.bbs_table table tbody tr td .file{margin-left: 5px;}
.bbs_table table tbody tr td.ta-l{ text-align: left; }
.bbs_table table tbody tr td .cont{display: block; position: relative; padding-left: 14px;}
.bbs_table table tbody tr td .cont .num{position: absolute; left: 0; top: 0; }
.bbs_table table tbody tr td .cont > a{ width: 90%; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; line-height: 20px; }
.bbs_table table tbody tr td .info{margin-left: 14px;}
.bbs_table table tbody tr td .info span{ display: inline-block; *display: inline; *zoom: 1; background: url(../images/bg/bg_line_gray.gif) 0 6px no-repeat; padding-left: 9px; margin-left: 10px; }
.bbs_table table tbody tr td .info span:first-child{background: none; padding-left: 0; margin-left: 0; }
/* .bbs_table table tbody tr td a.cont{ display: inline-block; *display: inline; *zoom: 1; width: 90%; height: 20px; line-height: 20px;   overflow: hidden;  white-space:nowrap; text-overflow:ellipsis; } */


/*table : 도트라인*/
.table_dot{background: url(/images/order/bg_dot_line.gif) 0 0 repeat-x; }
.table_dot > table{  width: 100%; }
.table_dot > table > thead > tr > th{ padding: 12px; text-align: center;   }
.table_dot > table > tbody > tr > th,.table_dot > table > tbody > tr > td{background: url(/images/order/bg_dot_line.gif) 0 100% repeat-x; }
.table_dot > table tbody tr td{padding: 15px; width: inherit; text-align: center; font-size: 15px; line-height: 19px; color: #333; }
.table_dot > table > tbody > tr > td > a.h{color: #333; font-weight: 700;}
/*option*/
.table_dot.bdt-n{background: none;}
.table_dot.bdt-n .table_dot > table > tbody > tr > th,.table_dot.bdt-n > table > tbody > tr > td{background: url(/images/order/bg_dot_line.gif) 0 0 repeat-x;}
.table_dot.bdt-n .table_dot > table > tbody > tr:first-child > th,.table_dot.bdt-n > table > tbody > tr:first-child > td{background: none;}

/*table : 도트라인*/

.lst_table1 > table{width: 100%; }
.lst_table1 > table th,.lst_table1 > table td{ border-bottom: 1px solid #d9d9d9;  color: #9c9c9c;  vertical-align: middle; font-size: 15px; color: #333;} 
.lst_table1 > table th{ color: #09214b; text-align: left;  padding: 11px 16px; } 
.lst_table1 > table .cen{ text-align: center; }

.lst_table2{position: relative;}
.lst_table2> table{width: 100%; }
.lst_table2.w550{ width: 550px; margin: 0 auto; }
.lst_table2.w650{ width: 650px; }
.lst_table2.w950{ max-width: 93%; }
.lst_table2> table thead th{padding: 0 10px; font-size: 13px; font-weight: 700; color: #08214b; vertical-align: middle; border: 1px solid #e2e7eb;  background-color: #f0f3f5; }
.lst_table2> table thead th button.sorting {vertical-align:middle;}
.lst_table2 > table tbody th,.lst_table2 > table tbody  td{ border: 1px solid #e2e7eb;  color: #242a30;  vertical-align: middle; padding: 3px;}
.lst_table2> table thead th,.lst_table2> table tbody th{ text-align: center; color: #08214b; font-size: 1.167em; font-weight: 700; padding: 3px 0; }
.lst_table2 > table tbody  td.colbox{ padding: 5px 5px 0; }
.lst_table2 > table tbody  td.fc1{ color: #8b8b8b; }
.lst_table2 > table tbody  td.name a:hover {text-decoration:underline;}
.lst_table2 > table tbody  td.left {text-align:left;}
.lst_table2 > .add{ position: absolute; right: -61px; bottom: 8px; }
.lst_table2 > .add.first {width:52px;}

.lst_table2.t-c tbody td{  text-align: center; }
.lst_table2 a, .lst_table2 a:hover{color:#08214b;}

.lst_table2 .pad_10{padding:12px 0;}
.lst_table2 .pad_30{padding:12px 30px;}
.lst_table2 > table tbody.pad15 tr td,.lst_table2 > table thead.pad15 tr th{padding:15px} 

.lst_table3{ border-style: solid; border-color: #e2e7eb #fff #e2e7eb; border-width:0; position: relative;}
.lst_table3> table{width: 100%; }
.lst_table3.w550{ width: 550px; margin: 0 auto; }
.lst_table3.w650{ width: 650px; }
.lst_table3.w950{ max-width: 93%; }
.lst_table3> table thead th{padding:10px; font-size: 13px; font-weight: 700; color: #08214b; vertical-align: middle; border: 1px solid #e2e7eb;  background-color: #f0f3f5; }
.lst_table3> table thead th button.sorting {vertical-align:middle;}
.lst_table3 > table tbody th,.lst_table3 > table tbody  td{   color: #9c9c9c;  vertical-align: middle; padding: 10px 10px; line-height: 18px;}
.lst_table3> table thead th,.lst_table3> table tbody th{ text-align: center; color: #08214b; font-size: 1.167em; font-weight: 700; }
.lst_table3> table tbody th{padding-left: 20px; text-align: left; color: #242a30; font-size: 13px;}
.lst_table3 > table tbody  td.colbox{ padding: 5px 10px 0; }
.lst_table3 > table tbody  td.name a:hover {text-decoration:underline;}
.lst_table3 > table tbody  td.left {text-align:left;}
.lst_table3 > .add{ position: absolute; right: -61px; bottom: 8px; }
.lst_table3 > .add.first {width:52px;}
.lst_table3.no_line tr td,.lst_table3.no_line tr th {border:0;}

.lst_table3.t-c tbody td{  text-align: center; }
.lst_table3 tbody td.t-c{  text-align: center; }
.lst_table3 a, .lst_table3 a:hover{color:#9c9c9c;}
.lst_table3 > table tbody tr.videoArea {display:none;}

.lst_table3.smart > table tbody th,.lst_table3.smart > table tbody  td {padding:2px 10px;}
.lst_table3.smart > table tbody tr.p10 td {padding:20px 10px;}

.lst_table3 .pad_10{padding:12px 0;}
.lst_table3 .pad_30{padding:12px 30px;}

/********************** table **********************/

/* 페이징 */
.paging_comm {font-weight:bold;font-size:12px;line-height:14px;text-align:center;vertical-align:top}
.paging_comm .link_page {display:inline-block;padding: 2px 3px 3px 3px;margin-right:1px;text-decoration:none;vertical-align: -1px;}
.paging_comm .link_page:hover,
.paging_comm em.link_page {color:#ee2e2d;font-weight:bold}
.paging_comm .img_sample {display:inline-block;padding:6px 2px 4px 3px;border:0 none;font-weight:normal;color:#999;text-decoration:none}
.paging_comm .link_page:hover {text-decoration:none}
.paging_comm .btn_prev {padding-left:5px;}
.paging_comm .btn_next {padding-right:5px;}

/* 페이징 : option */
.paging_comm.mt{margin-top: 40px; }



/********************** btns **********************/
/**
 *btn_pack v1
 * 
 */

 
.btn_pack{text-align: center; min-width: 60px; width:inherit; height: 23px;  border-width: 0px; border-color:#054ca4; display: inline-block; *display: inline; *zoom: 1; padding: 0 5px; background-repeat: no-repeat; background-color: #054ca4; color: #fff; font-size: 13px;  line-height: 23px;} 
.btn_pack.big{ min-width: 160px; padding: 0 10px; height: 37px; line-height: 37px;  }
.btn_pack.samll{ text-align: center; min-width: 50px; width:inherit; height: 28px; line-height: 28px; border-width: 1px; border-color:#ccc; display: inline-block; *display: inline; *zoom: 1; padding: 0 10px; background-repeat: no-repeat; }
/*btn_pack:검색버튼*/
.btn_pack.search{ height: 30px; line-height: 30px; border-width: 0px; padding: 0 10px; background-color: #a5a5a5; }
/*btn_pack:option = 둥근테두리*/
.btn_pack.bdrs{border-radius: 3px;}
.btn_pack.gray{background-color: #808080;}
.btn_pack.black{background-color: #353535; border: 1px solid #353535; color: #fff;}
.btn_pack.prev{ text-align: right; background-position: 10px 50%; background-image: url(../images/bg/bg_prev_off.gif); }
.btn_pack.next{ text-align: left; background-position: 82px 50%; background-image: url(../images/bg/bg_next_off.gif); }
.btn_pack.samll.prev{background-image: url(../images/bg/bg_prev2_off.gif); }
.btn_pack.samll.next{background-image: url(../images/bg/bg_next2_off.gif); }
.btn_pack.samll.prev:hover{background-image: url(../images/bg/bg_prev2_on.gif); }
.btn_pack.samll.next:hover{background-image: url(../images/bg/bg_next2_on.gif); }

.btn_pack:hover{ color: #fff;  }
.btn_pack.black:hover{background-color: #353535; border: 1px solid #353535; color: #fff;}

.btn_pack.radius{ width: 90px; height: 30px; line-height: 30px; border-width: 1px; border-style: solid; border-color:#4d4d4d; border-radius: 5px; display: inline-block; *display: inline; *zoom: 1; padding: 0 20px; color: #333; font-size: 13px;  background-color: #fff; background-repeat: no-repeat; }
button.btn_pack.radius{width: 130px;}
.btn_pack.radius.add{ height: 40px; line-height: 40px; }
.btn_pack.radius:hover{background-color: #535353; border-color: #535353; color: #fff;}
.btn_pack.fzb{ font-size: 18px !important; }


/********************** btns **********************/


/********************** paginate **********************/
.paginate{margin-top:40px;margin-bottom:100px;text-align:center}
.paginate .btn{vertical-align:middle}
.paginate .num{display:inline-block;width:24px;margin-top:4px;line-height:25px;color:#b5b4b4;text-decoration:none;vertical-align:middle}

.paginate .num:hover,.paginate .num.on{font-weight:700;color:#0b2859;text-decoration:underline}
.paginate .prev{margin-right:12px}
.paginate .next{margin-left:12px}

.btn_bot{ margin-top: 40px; text-align: right; }
.btn_bot.cen{text-align: center;}
/********************** paginate **********************/

/********************** popup **********************/

#cover {  width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 80;  
  background-color: rgba(0, 0, 0, 0.7);  background-image: url(trg.png);
   /* IE 5.5 - 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";

  }  

.layerPopup{ position: absolute; left: 100px; top: 100px; background-color: #fff; }
.layerPopup .inner{ padding: 24px 19px; }
.layerPopup .close{ position: absolute; right: 20px; top: 22px;   }
.layerPopup .header h1{ color: #333; font-size: 17px; line-height: 22px; margin-bottom: 15px;   }

#addressFind.layerPopup{width: 407px; }
#addressFind.layerPopup .ex_box{ margin-bottom: 20px; padding: 12px;  border: 1px solid #ddd; background-color: #f8f8f8; color: #666; font-size: 13px; line-height: 16px; }
#addressFind.layerPopup .ex{ margin-top: 10px; font-size: 13px; line-height: 16px; color: #959494; }

#addressFind.layerPopup .searchAddress1{margin-bottom: 30px; }
#addressFind.layerPopup .searchAddress1 > ul >li{position: relative; left: 0; top: 0; margin-top: 10px; padding-left: 67px;}
#addressFind.layerPopup .searchAddress1 > ul >li:after{display: block;clear: both;content:"";height: 0; visibility: hidden;}
#addressFind.layerPopup .searchAddress1 > ul >li:first-child{margin-top: 0;}
#addressFind.layerPopup .searchAddress1 > ul >li > strong{display: block; width: 57px; padding-left: 10px;  position: absolute; left: 0; top: 5px; }
#addressFind.layerPopup .searchAddress1 span.selectbox_title{min-width: 140px;}

#addressFind.layerPopup .searchAddress1 .bbs_searchbox .inp{float: left; display: block; width: 193px; border-color: #cacaca; border-width:1px 0 1px 1px; border-style: solid; background-color: #fff; }
#addressFind.layerPopup .searchAddress1 .bbs_searchbox .inp > input{ border: 0; width: 98%; padding: 0 1%; height: 26px; line-height: 26px; }
#addressFind.layerPopup .searchAddress1 a.ch_add{color: #ed1848; }
#addressFind.layerPopup .searchAddress2 > p.total{  color: #666; margin-bottom: 8px; }
#addressFind.layerPopup .searchAddress2 > p.total strong{ color: #ee2854; font-weight: bold;}
#addressFind.layerPopup .searchAddress2 .addbox{border: 4px solid #d8d8d8; height: 150px; overflow-y: auto;}
#addressFind.layerPopup .searchAddress2 .addbox table{width: 100%; }
#addressFind.layerPopup .searchAddress2 .addbox table thead th{padding: 7px; font-weight: bold;}
#addressFind.layerPopup .searchAddress2 .addbox table th,#addressFind.layerPopup .searchAddress2 .addbox table td{padding: 10px 15px; border: 1px solid #d8d8d8;font-size: 13px;}
.searchAddress2 .addbox table td.ta-c{text-align: center;}



/********************** popup **********************/
