@charset "utf-8";


/*모바일*/
.bbsSort {float:left; line-height:25px;  height:25px;margin-bottom:15px;font-family:"돋움","sans-serif";}
.bbsSearch {float:right; height:25px; margin-bottom:15px;font-family:"돋움","sans-serif";}
.bbsSearch .i_text{position:relative;margin:0;padding:1px 2px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent; height:21px; font-family:"돋움","sans-serif"; font-size:1rem;}


/*FAQ 리스트_미완성*/
ul.faqBody {width:100%; margin:0; overflow:hidden; border-top:1px #555555 solid;font-family:"돋움","sans-serif";}
ul.faqBody .article{border-bottom:1px #dddddd solid;}
ul.faqBody .article .q a{  display:block;  overflow: hidden; background:url(../images/icon_faq1.png) no-repeat 10px 10px; padding:10px 10px 10px 45px; }
ul.faqBody .show .q a{ font-weight:bold; }
ul.faqBody .article .a{ background:url(../images/icon_faq2.png) no-repeat 10px 10px, #f9f9f9;   display:block; font-size: 0.9rem; overflow: hidden;   padding:10px 10px 10px 45px; }


/*게시판 분류카테고리*/
.sort { border-bottom:1px #b1b1b1 dashed;border-top:1px #b1b1b1 dashed;overflow:hidden; margin-bottom:20px; padding:10px 5px; font-family:"돋움","sans-serif"; }
.sort > .all { float:left; width:7.5%; border-right:1px #d4d4d4 solid;font-weight:bold;}
.sort > .other { float:left; width:91%; margin-left:1%;}
.sort a {display:block; float:left;padding:5px 10px; border-radius:3px; }
.sort a:hover {font-weight:bold; letter-spacing:-1px;}
.sort a.on {color:#FFFFFF; background:#ff3c3c;  }

/*게시판 리스트*/
ul.bbsBasicList {width:100%; margin:0; overflow:hidden; border-top:1px #dadada solid;font-family:"돋움","sans-serif";}
ul.bbsBasicList li.headTitle { display:none; }
ul.bbsBasicList li {border-bottom:1px #dadada solid; padding:8px 0;overflow:hidden; }
ul.bbsBasicList li .num{ float:left;  width:5%; font-size: 0.9rem; margin-top: 4px; text-align: center; }
ul.bbsBasicList li .contents{ float:left; margin-left:2%; width: 93%; overflow: hidden; }
ul.bbsBasicList li .contents .title{float:left;width: 93%; font-weight:bold; display:block; overflow: hidden; height: 1.5rem; line-height: 1.5rem; }
ul.bbsBasicList li .contents .comment{float:left;width: 7%; color:#ff1e1e;  display:block; overflow: hidden; height: 1.5rem; line-height: 1.5rem; text-align:right;}
ul.bbsBasicList li .contents .writer{ float:left; margin-top:5px; font-size: 0.9rem; text-align: center; margin-right: 9px; }
ul.bbsBasicList li .contents .date{ margin-top:5px; display:inline-block; font-size: 0.9rem; height: 1.2rem; overflow: hidden; }
ul.bbsBasicList li .contents .view{ display:none; }

/* 커스텀 게시판 리스트*/
ul.bbsCustomList {width:100%; margin:0;; overflow:hidden; border-top:1px #dadada solid; }
ul.bbsCustomList a:hover > li {background:#fafafa;}
ul.bbsCustomList li {border-bottom:1px #dadada solid; padding:8px 0;overflow:hidden;display: flex;  text-align: center; }
ul.bbsCustomList li.headTitle {  background:#f5f5f5;padding:5px 0; border-top:1px #dadada solid; font-weight:bold;}
ul.bbsCustomList li .num{ color:#3b3b3b;  font-size: 12px; margin:0; height: 1.5em; line-height: 1.5em; width: 50px; }
ul.bbsCustomList li .contents{  overflow: hidden; display: flex; justify-content: space-around; width: 100%;}
ul.bbsCustomList li .contents div{  color:#3b3b3b; font-weight:normal; display:block; font-size: 12px; overflow: hidden; height: 1.5em; line-height: 1.5em;flex-grow:1; text-align: center; }



/*갤러리 리스트*/
ul.galleryList {width:100%; margin:0; overflow:hidden;font-family:"돋움","sans-serif";}
ul.galleryList  li {overflow:hidden; float:left; margin:2%;width: 46%;  }
ul.galleryList  li .pic{ width:; height:200px; overflow: hidden; }
ul.galleryList  li .contents{  width: 100%;  text-align:center; margin-top:5px; }
ul.galleryList  li .contents .title{  display:block; overflow: hidden; height: 35px; font-size:0.95em; font-weight:400; line-height: 1.2rem; }


/*웹진 리스트*/
ul.webzineList {width:100%; margin:0; overflow:hidden;font-family:"돋움","sans-serif";}
ul.webzineList li {border-bottom:1px #dadada solid; overflow:hidden; padding:10px 0; }
ul.webzineList li .img{float:left;  width: 23%; height:70px; overflow: hidden; }
ul.webzineList li .contents{ float:left; margin-left:2%; width: 75%; overflow: hidden; }
ul.webzineList li .contents .title{float:left;width: 93%; font-weight:bold; display:block;  overflow: hidden; height: 1.5rem; line-height: 1.5rem; }
ul.webzineList li .contents .comment{float:left;width: 7%; color:#ff1e1e;  display:block; overflow: hidden; height: 1.5rem; line-height: 1.5rem; text-align:right;}
ul.webzineList li .contents .text{ float:left;  margin-top:5px; font-size: 0.9rem; line-height:1.3rem;  }
ul.webzineList li .contents .writer{ display:none;}
ul.webzineList li .contents .date{ display:none;}


/*게시판 뷰페이지*/
table.bbsBasicView {width:100%;font-family:"돋움","sans-serif";}
table.bbsBasicView > tbody{ border-top:1px #ccc solid;}
table.bbsBasicView > caption {  font-weight:bold; margin-bottom:5px; }
table.bbsBasicView td,table.bbsBasicView th{ border:0; border-bottom:1px solid #ccc; padding:5px;   text-align:left;  }
table.bbsBasicView th{ background:#fafafa;  }
table.bbsBasicView td.photo{ text-align:center;}
table.bbsBasicView td img { max-width:320px !important;  }


/*게시판 글쓰기*/
div.bbsBasicWrite {width:100%; margin:0; overflow:hidden;font-family:"돋움","sans-serif";}
div.bbsBasicWrite table .md{width:50%;}
div.bbsBasicWrite table .lg{width:97%;}
div.bbsBasicWrite legend{ padding:17px 17px 0; line-height:38px; font-size:0.9rem}
div.bbsBasicWrite th,
div.bbsBasicWrite td{padding:4px;border:0;vertical-align:top;  letter-spacing:-0.1rem;}
div.bbsBasicWrite th{}
div.bbsBasicWrite td{}
div.bbsBasicWrite table {border-top:1px solid #ccc;}
div.bbsBasicWrite thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
div.bbsBasicWrite tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
div.bbsBasicWrite tfoot th{border-bottom:1px solid #ddd}
div.bbsBasicWrite tbody td{border-bottom:1px solid #ddd}
div.bbsBasicWrite tfoot td{border-bottom:1px solid #ddd;font-weight:bold;}
div.bbsBasicWrite .i_check,
div.bbsBasicWrite .i_radio{width:7px;height:7px;margin:1px 2px 1px 0;padding:0;vertical-align:middle}
div.bbsBasicWrite .i_text{position:relative;margin:1px;padding:1px 2px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent; height:25px; font-family:"돋움","sans-serif"; }
div.bbsBasicWrite .i_area{ height:150px; position:relative;margin:1px;padding:1px 2px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent;  font-family:"돋움","sans-serif"; }
div.bbsBasicWrite .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
div.bbsBasicWrite select{margin:1px}
div.bbsBasicWrite label{margin:0 5px 0 0;cursor:pointer}
div.bbsBasicWrite select {height:25px;font-size:0.8rem; margin:0px 0px 10px 0px; padding-right:30px; -webkit-appearance:none; border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1; background:url(../images/bg_select.gif) right no-repeat;}


/*댓글*/
.commentList  { font-family:"돋움","sans-serif"; }
.commentList .info { color:#ff1e1e;display:inline-block;   overflow: hidden; margin-top:15px; }
.commentList ul {width:100%; margin:0; overflow:hidden; background-color:#f9f9f9; display:block; }
.commentList ul li.headTitle { display:none; }
.commentList ul li {border-bottom:5px #fff solid; padding:12px;overflow:hidden; }
.commentList ul li .writer{ float:left; color:#666666; font-weight:bold;  margin-right: 15px;height:25px; }
.commentList ul li .date{  float:left; color:#999999;  font-size: 0.9rem;  margin-right: 9px;height:25px; }
.commentList ul li .time{  float:left; color:#999999;  font-size: 0.9rem;  margin-right: 9px; height:25px;}
.commentList ul li .btn{ float:right; color:#666666;   font-size: 0.9rem;height:25px; }
.commentList ul li .comment{ clear:both;   margin-top: 5px; display:block; line-height:1.3rem; }

.commentList ul li .i_text{position:relative;padding:1px 2px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff; height:25px; font-family:"돋움","sans-serif"; font-size:1rem;}
.commentList ul li .i_area{ width:100%;  height:50px; position:relative;margin-bottom:10px;padding:1px 2px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff;  font-family:"돋움","sans-serif"; font-size:1rem;}


.paginate{ width:100%; text-align:center; margin-top:1rem;font-family:"돋움","sans-serif";}
.paginate a { margin-left:0px; display:inline-block; width:1.8rem; color:#686868; line-height:1.8rem; background:#ffffff; border:1px #c5c5c5 solid; }
.paginate a.on{ margin-left:0.1rem; display:inline-block;  width:1.8rem; color:#fff;  line-height:1.8rem;  background:#484848; border:1px #484848 solid;  }

.btnArea {text-align:right; margin-top:1rem;font-family:"돋움","sans-serif";}
.btnArea > .btn {background:url(../images/bg_btn.png) ; background-size: cover; display:inline-block; margin:0px 0px 0px 5px;}
.btnArea > .btn > a{ background:url(../images/bg_btn.png) right; background-size:cover; height:25px; line-height:25px; padding:0 10px; display:block; font-size:0.9rem; color:#454444; font-weight:bold; }
.btnArea > input{background:url(../images/bg_btn.png) right, url(../images/bg_btn.png) left; height:51px; line-height:51px; padding:0 20px;  font-size:1.9rem; color:#454444; font-weight:bold; border:none;}

.privacyArea{height:100px; overflow-y:scroll; text-align:left; padding:5px; border:1px #CCC solid; margin-top:20px; font-size:0.8rem; line-height:1.3rem;font-family:"돋움","sans-serif";}
.privacyText{font-size:0.9rem; margin-top:5px;}





/*유투브*/

#videos2{width:100%;font-family:"돋움","sans-serif"; }
ul.videos li {
  float: left;
  width: 47%;
  margin: 10px 1.5% 45px;
    height:110px;
}
ul.videos li img { display:block;}
ul.videos li .titlec {display:block;  margin-top:5px;}

ul.videos
{
  margin-bottom: 1rem;
  padding-left : 0rem;
  margin-left: 0rem;
  list-style: none;
}





.page_navigation { width:100%; text-align:center; margin-top:30px; overflow:hidden;}


.page_navigation , .alt_page_navigation{
	padding-bottom: 10px;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 6px 2px;
	margin:2px;
	color:#2f2f2f;
	text-decoration:none;
	display:inline-block;
	font-family:"돋움","돋움체" ;
	
	background-color:#fff;
	border:1px #c5c5c5 solid;
	
}
.active_page{
	border:1px #484848 solid !important;
	background-color:#484848 !important;
	color:#fff !important;
}	
/*유투브*/


/*피카사*/


ul.picasa li {
  float: left;
  width: 31%;
  height: 180px;
  margin: 10px 1.1% 45px;
     
}
ul.picasa li img { display:block;height:160px; width:100%;}
ul.picasa li .titlec {display:block;  margin-top:5px; text-align:center;}

ul.picasa
{
  margin-bottom: 1rem;
  padding-left : 0rem;
  margin-left: 0rem;
  list-style: none;font-family:"돋움","sans-serif";
}






/*코멘트게시판*/
.commentArea { font-family:"돋움","sans-serif"; }
.commentWrite { border:1px #b3b3b3 solid; background:#FFFFFF; }
.commentWrite .inputText { padding:15px;}
.commentWrite .inputText textarea{border:0; }
.commentWrite .inputInfo {border-top:1px #ededed solid; overflow:hidden; }
.commentWrite .inputInfo input {border:1px #ededed solid; line-height:23px;height:23px; padding: 0 5px ; width:}
.commentWrite .inputInfo .writer {float:left; margin:9px 15px;}
.commentWrite .inputInfo .passwd {float:left;margin:9px 15px;}
.commentWrite .inputInfo .btnWrite {float:right;}
.commentWrite .inputInfo .btnWrite a{ line-height:44px;height:44px; text-align:center; width:65px; background:#555; display:block; color:#FFFFFF; font-weight: bold; }
.commentWrite .inputInfo .btnWrite a:hover{ background:#000; }

.commentView { padding: 25px 0 17px; border-bottom:1px #e2e2e2 solid;} 
.commentView .writer {  font-weight: bold;}
.commentView .contents {  margin-top:8px;}
.commentView .date { color:#888;margin-top:5px;}
.commentView .btnArea { margin-top:10px; overflow:hidden;}
.commentView .btnArea a{  text-align:center;   border:1px #e0e0e0 solid;padding: 5px ; float:right; margin-left:3px;}
.commentView .btnArea a:hover{ background:#e0e0e0; }
.commentView .btnArea .replyToggle {float:left; margin:0;}
.commentView .btnArea .passwd  input{border:1px #ededed solid; line-height:24px;height:24px; padding: 0 5px ;}

.commentView .replyArea {background:#fafafa; overflow:hidden; margin-top:16px;}
.commentView .replyView {margin:16px 22px; padding-bottom:16px; border-bottom:1px #e9e9e9 solid; background:url(http://sav284.web25.kr/dd3_maker/_mgr.main/images/skin_def/re.gif) no-repeat; padding-left:17px;}
.commentView .commentWrite {margin:16px 22px;}



/* 큰 기기들 (큰 데스크탑, 720px 이상) */
@media all and (min-width:720px) { 


/*FAQ 리스트*/
ul.faqBody {width:100%; margin:0; overflow:hidden; border-top:1px #555555 solid; font-size:12px;}
ul.faqBody .article{border-bottom:1px #dddddd solid;}
ul.faqBody .article .q a{   display:block;  overflow: hidden; line-height: 1.7rem;background:url(../images/icon_faq1.png) no-repeat 10px 13px; padding:15px 10px 15px 45px; }
ul.faqBody .article .q a:hover{  font-weight:bold; display:block;  overflow: hidden; line-height: 1.7rem;background:url(../images/icon_faq1.png) no-repeat 10px 13px; padding:15px 10px 15px 45px; }
ul.faqBody .show .q a{ font-weight:bold; }
ul.faqBody .article .a{ background:url(../images/icon_faq2.png) no-repeat 10px 14px, #f9f9f9;  font-weight:normal; display:block; overflow: hidden;  line-height: 22px;  padding:15px 10px 15px 45px; }


/*게시판 분류카테고리*/
/*모바일*/
.bbsSort {font-size:12px;}
.bbsSearch {font-size:12px;}





/*게시판 리스트*/
ul.bbsBasicList { border-top: none; font-size:12px;}
ul.bbsBasicList a:hover > li {background:#fafafa;}
ul.bbsBasicList {width:100%; margin:0; overflow:hidden;}
ul.bbsBasicList li {border-bottom:1px #dadada solid; padding:8px 0;overflow:hidden; }
ul.bbsBasicList li.headTitle { display:block; background:#f5f5f5;padding:5px 0; border-top:1px #dadada solid; font-weight:bold; }
ul.bbsBasicList li .num{ float:left;  width:5%;  margin:0; text-align: center;height: 1.5rem; line-height: 1.5rem; font-size:12px;  }
ul.bbsBasicList li .contents{ float:left; margin-left:2%; width: 93%; overflow: hidden; }
ul.bbsBasicList li .contents .title{ float:left; width: 61%;  font-weight:normal; display:block; overflow: hidden; height: 1.5rem; line-height: 1.5rem; font-size:12px;}
ul.bbsBasicList li .contents .comment{ float:left; width: 9%; color:#ff1e1e; font-weight:normal; display:block; overflow: hidden; height: 1.5rem; line-height: 1.5rem;font-size:12px; }
ul.bbsBasicList li .contents .pc{font-weight:bold; text-align: center; font-size:12px;}
ul.bbsBasicList li .contents .writer{width: 14%; float:left;  margin:0;  text-align: center;height: 1.5rem; line-height: 1.5rem;font-size:12px; }
ul.bbsBasicList li .contents .date{width: 11%; float:left;  margin:0;text-align: center; display:block; height: 1.5rem; line-height: 1.5rem;font-size:12px; }
ul.bbsBasicList li .contents .view{width: 5%; float:left;  margin:0; text-align: center; display:block; height: 1.5rem; line-height: 1.5rem;font-size:12px; }
.paginate{ width:100%; text-align:center; margin-top:1rem;}
.paginate a { margin-left:0px; display:inline-block; width:18px; color:#686868; font-size:11px; line-height:18px; background:#ffffff; border:1px #c5c5c5 solid; }
.paginate a.on{ margin-left:0px; display:inline-block;  width:20px; color:#fff; font-size:11px; line-height:20px;  background:#484848; border:0;  }
.btnArea {text-align:right; margin-top:1rem;}
.btnArea > .btn {background:url(../images/bg_btn.png) ; background-size: cover; display:inline-block; margin:0px 0px 0px 5px;}
.btnArea > .btn > a{ background:url(../images/bg_btn.png) right; background-size:cover; height:25px; line-height:25px; padding:0 10px; display:block; font-size:11px; color:#454444; font-weight:bold; }
.btnArea > input{background:url(../images/bg_btn.png) right, url(../images/bg_btn.png) left; height:51px; line-height:51px; padding:0 20px;  font-size:1.9rem; color:#454444; font-weight:bold; border:none;}

/*갤러리 리스트*/
ul.galleryList  { font-size:12px;}
ul.galleryList  li {overflow:hidden; float:left; margin:1.5%;width: 30%;  }
ul.galleryList  li .pic{ width:152px; height:; overflow: hidden; }

/*웹진 리스트*/
ul.webzineList {width:100%; margin:0; overflow:hidden; font-size:12px;}
ul.webzineList li {border-bottom:1px #dadada solid; overflow:hidden; padding:15px 0; }
ul.webzineList li .img{float:left;  width: 23%; height:85px; overflow: hidden; }
ul.webzineList li .contents{ float:left; margin-left:2%; width: 75%; overflow: hidden; }
ul.webzineList li .contents .title{float:left;width: 93%;  font-weight:bold; display:block; font-size: 1.2rem; overflow: hidden; height: 1.5rem; line-height: 1.5rem; }
ul.webzineList li .contents .comment{float:left;width: 7%; color:#ff1e1e;  display:block; font-size: 1.2rem; overflow: hidden; height: 1.5rem; line-height: 1.5rem; text-align:right;}
ul.webzineList li .contents .text{ float:left;  margin-top:5px;  line-height:18px;  }
ul.webzineList li .contents .writer{color:#666; margin-top:5px;float:left; display:block; font-size: 11px;  overflow: hidden; margin-right:10px; }
ul.webzineList li .contents .date{ color:#666; margin-top:5px; float:left;display:block; font-size: 11px; overflow: hidden; }


/*게시판 글쓰기*/
div.bbsBasicWrite  { font-size:12px;}
div.bbsBasicWrite th,
div.bbsBasicWrite td{ letter-spacing:0;}




/*댓글*/
.commentList  {font-size:12px; }




/*게시판 뷰페이지*/
table.bbsBasicView {font-size:12px; }
table.bbsBasicView > tbody{ border-top:1px #dadada solid;}
table.bbsBasicView > caption { color:#6f9000; font-weight:bold; margin-bottom:5px; }
table.bbsBasicView td,table.bbsBasicView th{ border:0; border-bottom:1px solid #dadada; padding:5px;   text-align:left; }
table.bbsBasicView th{ background:#fafafa;}
table.bbsBasicView td.photo{ text-align:center;}
table.bbsBasicView td img { max-width: none !important;  }

/*지점검색 리스트*/
.branchSearch {background:#1665c8; padding:10px 15px;overflow:hidden; margin-bottom:20px;font-size:12px; }
.branchSearch .title { float:left;color:#FFF; font-weight:bold;  line-height:21px; }
.branchSearch .i_sellect{float:left;position:relative;margin:0;padding:1px 2px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff; height:24px; line-height:24px; margin-left:1rem; }
.branchSearch .i_text{position:relative;margin:0;padding:1px 2px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:#fff; height:21px;font-family:"돋움","sans-serif"; font-size:1rem;}
.branchSearch .areaSearch {float:left;}
.branchSearch .officeSearch {float:right;}

ul.branchList { border-top: none; font-size:12px;}
ul.branchList a:hover > li {background:#fafafa;}
ul.branchList {width:100%; margin:0; overflow:hidden;}
ul.branchList li {border-bottom:1px #dadada solid; padding:8px 0;overflow:hidden; }
ul.branchList li.headTitle { display:block; background:#f5f5f5;padding:5px 0; border-top:1px #dadada solid; font-weight:bold; }
ul.branchList li .num{ float:left;  width:5%;  margin:0; text-align: center;height: 1.5rem; line-height: 1.5rem; }
ul.branchList li .contents{ float:left; margin-left:2%; width: 93%; overflow: hidden; }
ul.branchList li .contents .name{width: 22%; float:left;  margin:0;  text-align: center; display:block; height: 1.5rem; line-height: 1.5rem; }
ul.branchList li .contents .title{ float:left; width: 53%;  font-weight:normal; display:block;  overflow: hidden; height: 1.5rem; line-height: 1.5rem; }
ul.branchList li .contents .tel{width: 14%; float:left;  margin:0;  text-align: center;height: 1.5rem; line-height: 1.5rem;}

ul.branchList li .contents .pc{font-weight:bold; text-align: center; }
ul.branchList li .contents .more{width: 11%; float:left;  margin:0;  text-align: center; display:block; height: 1.5rem; line-height: 1.5rem; }
ul.branchList li .contents .more a{color:#F00; }



/*유투브*/

#videos2{width:100%;font-family:"돋움","sans-serif"; }
ul.videos li {
  float: left;
  width: 22%;
  margin: 10px 1.5% 45px;
    height:130px;
}
ul.videos li img { display:block;}
ul.videos li .titlec {display:block;  margin-top:5px;}

ul.videos
{
  margin-bottom: 1rem;
  padding-left : 0rem;
  margin-left: 0rem;
  list-style: none;
}





.page_navigation { width:100%; text-align:center; margin-top:30px; overflow:hidden;}


.page_navigation , .alt_page_navigation{
	padding-bottom: 10px;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 6px 2px;
	margin:2px;
	color:#2f2f2f;
	text-decoration:none;
	display:inline-block;
	font-family:"돋움","돋움체" ;
	
	background-color:#fff;
	border:1px #c5c5c5 solid;
	
}
.active_page{
	border:1px #484848 solid !important;
	background-color:#484848 !important;
	color:#fff !important;
}	
/*유투브*/


}