﻿@charset "utf-8";
/* CSS Document */

#wing_banner{
	position:absolute;
	margin-top:-111px;
	margin-left:200px;
}
#blind {
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	z-index:999;
	background:#6f6f6f;
	filter:alpha(opacity=30);
    opacity:0.4;
    -moz-opacity:0.4;
}
/**텔레잡 광고 배너**/
#tele_Top_banner{
	float:left;
    padding-top:2px;
    padding-left:5px;
}


#header {}

#header .logo{padding:12px 0 0 10px; float:left; height:78px; }

#search { float:left; margin:30px 0 0 33px; padding-left:5px; height:60px; width:380px;  background-image:url(/img/search_bg.gif); background-repeat:no-repeat; }

#search li {float:left; }

#search dd {float:left; }

#search .input { border:0px; height:22px; margin-top:3px; width:330px; padding-left:5px; padding-top:5px;}

#search .keyword {text-align:center;  padding:5px 0 0 15px; clear:both;}

#menu {height:42px; background-image:url(/img/menu_bg.gif); clear:both;}

#menu li{ float:left; padding:12px 20px 0 20px;}

#menu .menu_r{ float:right; background-image:url(/img/menu_r_bg.jpg); height:42px; width:253px; }

#notice {clear:both; background-color:#f5f5f5; border-bottom:1px solid #e3e3e3; height:27px;}

#notice li{float:right; padding-right:10px;}
.notice_view {width:280px; padding-left:5px;}

#top_cont{width:960px; margin:auto; height:220px; padding-top:10px;}



.wrapper{width:960px; margin:auto;}

#top_bar{ height:23px; background-color:#f6f6f6; border-bottom:1px solid #dadada; padding-top:5px; line-height:none;}

#top_bar li{float:right; padding-right:10px;}

#header .com_h{padding:0px;overflow:hidden;}

#com_menu {height:42px; background: url(/img/Member/com_memu_bg.gif) no-repeat; clear:both;}

#com_menu li{ float:left; padding:14px 26px 0 27px;}
.li_bar {background:url(/img/Member/com_menu_bar.gif) no-repeat top right;}
.bg_no{ background:none;}


/* 유료 서비스 안내 */
#sv_cont{width:960px; margin:auto; padding-top:10px;}

#sv_cont{}

.sv_tt{font-family:"NanumGothic"; font-size:18px; font-weight:600; color:#3e3e3e; margin:15px 0 0 0; background:url(/img/sv/sv_tt_img.gif) no-repeat left; height:38px; padding-left:40px; line-height:36px; border-bottom:2px solid #0072bc;}

.sv_top{
    padding:0px 0 0px 0;
    line-height:26px;
    /*height:130px;*/
    font-size:13px;
    /*background:url(/img/sv_list_bg.gif) repeat-x top;*/
}


#sv_menu {height:45px; background: url(/img/SV/sv_menu_bg_1.gif) no-repeat; clear:both;}
#sv_menu2 {height:45px; background: url(/img/SV/sv_menu_bg_1.gif) no-repeat; clear:both;}

#sv_menu li{ float:left; padding:9px 26px 0 27px;}
#sv_menu2 li{ float:left; padding:9px 26px 0 27px;}

.li_bar_sv {background:url(/img/sv/sv_menu_bar_1.gif) no-repeat top right;}
.sv_btn {width:145px; height:auto; clear:both;}

#tabs1{ height:auto; clear:both; }

#tabs2{ height:auto; clear:both; display:none;}

#tabs3{ height:auto; clear:both; display:none;}

#tabs4{ height:auto; clear:both; display:none;}

.tabs3_noti{ font-weight:bold; background:url(/img/wa_th_bg.gif) repeat-x bottom ;  height:40px; color: #039; border-top:2px solid #0072bc; border-bottom:1px solid #7da7d9; line-height:40px; padding-left:8px; margin-bottom:5px; font-size:13px;}

.sv_exp{
    background:url(/img/sv_list_bg_1.gif) no-repeat top;
    padding:10px 10px 10px 10px;
    letter-spacing:-0.1mm;
    line-height:18px;
    /*height:170px;*/
    vertical-align:top;
}
.sv_exp2 {
    background: url(/img/sv_list_bg_1.gif) no-repeat top;
    padding: 15px 0 10px 10px;
    letter-spacing: -0.1mm;
    line-height: 18px;
    height: 130px;
    vertical-align: top;
}
.sv_exp3 {
    background: url(/img/sv_list_bg_1.gif) no-repeat top;
    padding: 15px 0 10px 10px;
    letter-spacing: -0.1mm;
    line-height: 18px;
    height: 80px;
    vertical-align: top;
}
.sv_exp4{
    background:url(/img/sv_list_bg_1.gif) no-repeat top;
    padding:15px 0 15px 10px;
    letter-spacing:-0.1mm;
    line-height:18px;
    height:90px;
    vertical-align:top;
}
.p_st1{border-top:#a7a7a7 1px solid;}

.p_st2{border-top:#dadada 1px solid; height:36px; background-color:#f8f8f8; font-weight:bold; line-height:36px; padding:1px 0 0 5px;}

.sv_app{ height:25px; line-height:25px; font-weight:bold;}

/**달력 결제**/
#calendar_pop {text-align:center; background-color:#ffffff; /*height:700px;*/ width:460px; /*padding-top:20px;*/ border:2px solid #0d7ac5;}

/*#calendar_pop th  { padding:3px; height:20px; background-color: #dce4f4; border-bottom:2px solid #7da7d9; width:55px;}*/
#calendar_pop th {
    padding: 3px;
    height: 24px;
    background-color: #eaf6ff;
    border-bottom: 1px solid #0d7ac5;
    width: 65px;
    text-align: center;
}

#calendar_pop td  { padding:3px 0 0 0; text-align:center; font-size:12px; line-height:16px; height:43px;}

#calendar_pop table {background-color: #FFF; border:1px solid #adcdec; margin:auto}

#calendar{/*height:300px;*/ margin-bottom: 5px;}

.sun {color:#FF0000;}

.sat {color:#0000FF;}

/*.month {font-weight:bold; font-size:14px; height:44px; background-color:#0054a6; width:410px; margin:auto; color:#FFF; padding-top:8px; line-height:20px;}*/
#calendar_pop .month {
    width: 100%;
    margin: auto;
}
#calendar_pop .month table {
    width: 100%;
    margin: auto;
    background-color: #0d7ac5;
    border: 0;
}
#calendar_pop .month table td {
    text-align: center;
    padding: 3px 0 0 0;
    color: #FFF;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-align: center;
    height: 40px;
}
#calendar_pop .month #today {
    font-size: 16px;
    color: #ffdd00;
    line-height: 20px;
}

#calendar_pop #T_Service {
    width: 338px;
    height: 22px;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    background-color: #feffad;
    border: 1px solid #0000ff;
    /*border-radius: 3px;*/
}

.reserve{border:1px solid #9ed3f7; background-color: #eaf6ff}
.no_reserve{border:1px solid #d5d5d5; background-color: #e5e5e5; color:#c3c3c3; font-weight:bold; font-size:14px;}
.no_reserve_com{border:1px solid #abd868; background-color: #e8ffc8; /*color:#abc985;*/ font-weight:bold; font-size:14px;}
.sel_reserve{/*border:1px solid #adcdec;*/ background-color: #e5f7cb;}

.service{ padding:5px 0 10px 10px; /*height:150px;*/}

.service dt{ width:100px;}

.sv_dt{ width:500px; float:left; margin-bottom:10px; display:inline-block; border:1px solid #666;}

.service dd{ text-align:left; }

.dd_mar1{margin-left:100px;}

.dd_mar2{ margin-right:41px;}

.dd_mar3{ margin-right:69px;}

.payment_text{ border-top:dotted 1px #CCC;  padding:5px 0 5px 10px; text-align:left;  margin-left:7px; }
.payment_text ._title{display:inline-block; width:85px; margin-top: 4px;}
.payment_text ._content{ text-align:left; }

.payment{ border-top:dotted 1px #CCC;  padding:5px 0 5px 10px; text-align:left;  margin-left:7px; }
.payment ._title{display:inline-block; width:85px; margin-top: 4px;}
.payment ._content{ text-align:left; font-weight:bold; }


#pay_card {text-align:center; background-color:#ffffff;  padding:20px; border:2px solid #CCC; margin-top:20px;}

#pay_bank {background-color:#ffffff;  padding:20px; border:2px solid #CCC; margin-top:20px;}


/*온라인 견적서*/
#estimate{ width:730px; margin:auto;}

#con_form{ margin:20px 10px 10px 10px; border:2px solid #8e8e8e; padding:20px;}

.form_top{ border-bottom:2px solid #dadada; height:70px; margin-bottom:20px;}

.on_es_left{ line-height:37px; width:40%; float:left;}

.on_es_left li{border-bottom:1px dotted #CCCCCC; margin-right:10px;}

.on_es_right{width:60%; float:right; margin-top:2px;}

.on_es_right table{border-top:1px solid #cecece; border-right:1px solid #cecece;}

.on_es_right th { background-color:#f3f3f3; border-bottom:1px solid #cecece; border-left:1px solid #cecece; padding:5px 0 5px 0;}

.on_es_right td { border-bottom:1px solid #cecece; border-left:1px solid #cecece; text-align:center; padding:5px 0 5px 0; }

.es_ta{clear:both; padding-top:20px; }

.es_ta table{ border-top:2px solid #5c5c5c;}

.es_ta table th { background-color:#f3f3f3; height:32px; border-bottom:1px solid #cecece; padding-top:2px;}

.es_ta table td { border-bottom:1px solid #dadada; padding-top:5px; padding-bottom:5px; line-height:18px;}

.es_total{ font-size:14px; font-weight:bold; text-align:right; margin-top:20px;}

.noti_bottom{
    /*height:80px;*/
    clear:both;
    border:2px solid #dadada;
    margin-top:40px;
    padding:10px 10px 10px 20px;
    line-height:20px;
}

.es_copy{font-weight:bold; text-align:center;}

.stamp{position:absolute; z-index:1;margin:-10px 0 0 340px;}



/*지불 결과*/
.logo_top_bg {width:100%; margin-bottom:80px;}
.log_top{ width:790px; height:20px; background:url(/img/login_top.gif) no-repeat center; text-align:right; padding:70px 10px 5px; 0; margin:auto;}

#pay_result{ width:500px; height:432px; margin:auto; border:1px solid #039;}

#pay_result h3{background-color:#039; height:14px; color:#FFF; font-size:14px; padding:10px 0 10px 15px; margin-bottom:20px;}

#pay_result table{width:360px; margin:auto;}

#pay_result table th{font-size:12px; height:32px; text-align:right; padding-right:5px; border-bottom:1px dashed #CCC; font-weight:normal; color:#333;}

#pay_result table td{font-size:12px; border-bottom:1px dashed #CCC; color:#333; padding-left:5px;}

.pp_1{height:25px; text-align:center; margin-top:20px;  border-bottom:1px solid #999;}

.pp_2{ border-top:1px solid #E6E6E6; padding-top:10px; text-align:center; background-color:#FAFAFA; height:23px;}


#mobile-device-ios {
    width: 390px;
    height: 772px;
    text-align: center;
    background: url(/img/devices-sprite.jpg) center top no-repeat;
    background-size: 480px;
    margin: 0 auto;
}
#mobile-device-ios iframe {
    margin-top: 72px;
    width: 346px;
    height: 600px;
}

#sv_cont {
	padding-top: 5px;
}

#sv_tab {
	width: 960px;
	padding: 10px 0 0 0;
	clear: both;
}

#sv_tab .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#sv_tab .tab-content {
  /*color : white;*/
  background-color: #fff;
  padding : 5px 0 5px 0;
}

.nav-tabs {
	border-bottom: 1px solid #0d51a4;
	background-color: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #0d7ac5;
	border: 1px solid #0d51a4;
	padding: 10px 45px 10px 45px;
}
.nav-tabs>li>a {
	color: #0d7ac5;
	font-weight: 600;
	line-height: 1.42857143;
	background-color: #e8e8e8;
	border-top: 3px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 0px;
	border-radius: 4px 4px 0 0;
	padding: 10px 45px 8px 45px;
}