@charset "utf-8";
/* CSS Document */

@import "base.css";
@import "common.css?vers=20210919";
@import "page.css?vers=20210919";


.sub-title{width:100%;height:38px;background:#092d3d;text-align:center;}

img.onoff{cursor:pointer;}


.customer {clear:both; margin:0 0 10px 0;}

.s_quick {clear:both; margin-bottom:10px; min-height:200px; background:url(../images/sub/quick_bg.gif) 0 0 no-repeat;}
.s_quick ul {float:left;}
.s_quick ul li {float:left; padding:68px 10px 10px 10px; width:80px; height:22px; text-align:center;}
.s_q1 {background:url(../images/sub/quick_01.png) 50% 15px no-repeat;}
.s_q2 {background:url(../images/sub/quick_02.png) 50% 15px no-repeat;}
.s_q3 {background:url(../images/sub/quick_03.png) 50% 15px no-repeat;}
.s_q4 {background:url(../images/sub/quick_04.png) 50% 15px no-repeat;}


/**************************************** 본문 ****************************************/
.page_tit {padding-top:20px;}
.page_tit p.location {float:right; display:block; padding-top:9px; color:#b2b2b2; font-size:0.92em; font-family:'dotum';}
.page_tit p.location span {color:#50a046;}
.page_tit h3 {padding:1px 0 30px 40px; color:#323232; font-weight:bold; font-size:2.000em; line-height:24px; background:url(../images/sub/h3_ico.png) 0 0 no-repeat;}

.content {clear:both; width:720px; line-height:150%; min-height:320px; color:#5a5a5a; font-family:'dotum';}
.content p {padding-bottom:20px;}
.content h4 {clear:both; margin-bottom:4px; padding:4px 0 4px 22px; color:#333; font-weight:600; font-size:1.167em; background:url(../images/sub/h4_ico.png) 0 50% no-repeat;}
.content h5 {clear:both; margin-bottom:2px; padding:4px 0 4px 20px; color:#5c2200; font-weight:600; font-size:1.083em; background:url(../images/sub/h5_ico.gif) 0 6px no-repeat;}
.content h6 {clear:both; padding:4px 0; color:#333; font-weight:600; font-size:1em;}

/* 리스트 */
ul.uls {margin-bottom:16px;}
ul.uls li {padding-left:14px; background:url(../images/sub/uls_bu.gif) 0 6px no-repeat;}
ol.ols {margin-bottom:16px; margin-left:16px; padding-left:16px; list-style:outside;}
ol.ols li {list-style-type:decimal;}
ol.ols li ol li {list-style-type:disc;}

/* 탭 */
.tab_area {padding:0 0 20px 0;}
.tab {clear:both; position:relative; padding:0; width:100%; background:url(../images/sub/tab_bg_line.gif) 0 100% repeat-x;}
.tab li {display:inline;}
.tab a {float:left; padding:4px 18px 4px 18px; border:1px solid #cacaca; border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;  text-align:center; font-size:1.083em; background:url(../images/sub/tab_menu_off.png) #f2f2f2 0 0 repeat-x;}
.tab a:hover {color:#50a046;}
.tab a.active {padding:3px 18px 5px 18px; border-color:#cacaca; border-top:2px solid #50a046; border-bottom:none; color:#000; background:#fff;font-weight:bold;}
.tab a.nr {padding:6px 10px 4px 6px ; letter-spacing:-1px ;}
.tab a.nr2 {padding:5px 10px 4px 5px ; letter-spacing:-0.15em;}
.tab:after {content:""; clear:both; visibility:hidden; overflow:hidden; display:block; height:0;}
*:first-child+html ul.tabs {min-height:1px;} /* IE 7를 위한 규칙 */

/* 테이블 */
.tbl {clear:both; margin-bottom:20px; border-top:2px solid #0290da; border-left:1px solid #dadada;}
.tbl caption {line-height:0;}
.tbl th, .tbl td {padding:6px 9px; border-right:1px solid #dadada; border-bottom:1px solid #dadada; line-height:130%;}
.tbl thead th {background:url(../images/sub/tbl_th.png) 0 100% repeat-x;}
.tbl tbody th {font-weight:normal; white-space:nowrap; text-align:left; background-color:#e2fee8;}
.tbl td {color:#666;}

/* 기타 */
.bx1 {overflow:hidden; margin-bottom:20px; padding:19px; border:1px solid #dedede; color:#08685a; background:#f8f8f8;}
.bx2 {overflow:hidden; margin-bottom:20px; padding:17px; border:3px double #dedede;}

.algR {text-align:right;}
.algC {text-align:center;}

.bt_top {clear:both; border-top:1px dotted #dadada; text-align:right;}


.border-box-top {border-top:5px solid #ff0000;  border-left:5px solid #ff0000; border-right:5px solid #ff0000; }
.border-box-mid { border-left:5px solid #ff0000; border-right:5px solid #ff0000; }
.border-box-bot { border-bottom:5px solid #ff0000;  border-left:5px solid #ff0000; border-right:5px solid #ff0000; }


/* 상담 */
.quick_sub {
 position:absolute; top: 0px; width: 244px; height: 287px; text-align: center; background-image: url("/images/quick_bg2.png"); background-color: rgb(255, 255, 255); 
}
.txt11B {
	color: rgb(102, 102, 102); font-size: 11px; font-weight: bold;
}
.input_quick {
	border: 1px solid rgb(186, 186, 186); width: 145px; height: 16px; color: rgb(182, 182, 182); font-size: 11px; background-color: rgb(255, 255, 255);
}
.input_quick2 {
	padding: 5px; border: 1px solid rgb(186, 186, 186); width: 192px; height: 70px; color: rgb(182, 182, 182); font-size: 11px; background-color: rgb(255, 255, 255);
}


.commonLink {
  width:700px;
  margin:0 auto;
  text-align: center;
  padding: 10px 10px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.commonLink a {
  display: block;
  text-align: center;
  color: #000;
  width: 33%;
  margin: 8px 0;
  font-size: 0.875rem;
  line-height: 130%;
}

.commonLink a img {  
  width: 50px;
  border-radius: 50%;
  margin: 0px 5px;
  vertical-align: middle;
  
}

.commonLink.popw {
  width:70%;
  }
.commonLink.popw a {  
  font-size: 1.6rem;
  text-align:center;
}

.commonLink.popw a img {  
  width: 85px;
  display:block;
  margin:5px auto;
}