/*
layout.css
*/


/*************************************************/
/* default */   
/*************************************************/

body { font-size:14px; position:relative; }

/* accessibility  */
.access { }
.access a { position:absolute; background:#000; color:#fff; display:inline-block; width:100%;  line-height:30px; text-align:center; top:-30px; }

body { padding:0px; margin:0px; }

/* text *****************************************************************************************/
.contentIn .blue { color:#42689c;}

.contentIn .linkText { color:#42689c; text-decoration:underline; }
.contentIn a:hover { color:#42689c; text-decoration:underline; }
.contentIn .thid { }
.contentIn .mhid { }
.bold { font-weight:bold; }
label { display:none; }
caption { display:none;}
.contentIn .wordBreak { word-break:break-all; }
.inlineDiv { display:inline-block; }


img { max-width:100%; width:inherit; }

.dumy { height:200px;}

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

.hide { float:left; z-index:1; font-size:0px;}
.fl { float:left; }
.fr { float:right; }

.textAlignL { text-align:left;}
.textAlignR { text-align:right;}
.textAlignC { text-align:center;}

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }

.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }

.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }


.pt10 { padding-top:10px;}
.pt20 { padding-top:20px; }
.pl10 { padding-left:10px; }

conTextBul {background:url("/portal/common/images/conTextBul.png") left 12px no-repeat; padding:5px 10px 0px 10px; line-height:22px; margin-top:5px; }

.clear { clear:both; }

/* .menuSubBtn:after {  content:""; float: right;  width:100px;} */

.btnMenuAll { width:37px; height:37px; background:url("/portal/common/images/btn_menuAll.gif") left top no-repeat; text-indent:-999px; overflow:hidden; }
.btnMenuAll.menuClose { background:url("/portal/common/images/btn_menuAll_Close.gif") left top no-repeat; }


/*****************************************************/


.out { width:100%; }
.outmargin {max-width:860px;width:100%; position:relative;margin:auto;background:#ffffff;}
.conin { max-width:819px; width:100%; margin:0 auto; position:relative; background:#ffffff;}
.header { height:94px; }
.header .logo { padding-top:25px; padding-bottom:5px; }
.header .menu { background:#2856aa;  }
.header .menu:after { content:""; display:block; clear:both; }
.header .menu ul li { float:left; }
.header .menu ul li.submit a { display:inline-block; height:50px; line-height:50px; padding:0px 25px 0px 60px; color:#fff; background:#1d4295 url("/newsletter/common/images/submit.png") 20px 12px no-repeat; }
.header .menu ul li.review a { display:inline-block; height:50px; line-height:50px; padding:0px 25px 0px 60px; color:#fff; background:#2856aa url("/newsletter/common/images/review.png") 20px 12px no-repeat; }
.header .menu ul li.search {  float:right;  }
.header .menu ul li.search input { height:28px; width:300px; padding:0px; border:none; vertical-align:top; margin-top:10px;  }
.header .menu ul li.search .serBtn { display:inline-block; margin-left:-3px; margin-right:25px; margin-top:10px; height:28px; background:#fff; width:28px; }

.mainimg { margin-top:10px; }
.mainimg img { max-width:100%; width:inherit; }

.buttons { margin-top:20px; }
.buttons ul { margin:0 auto; text-align:center; float:left; width:94.14%;}
.buttons ul:after { content:""; display:block; clear:both; }
.buttons ul li { float:left; width:24.8%; border-right:1px solid #c5c5c5; text-align:center; position:relative; }
.buttons ul > li > a { display:inline-block; text-align:center; width:100%; height:48px; line-height:48px; color:#fff; background:#2856aa; font-size:16px; }

.top_btn {position:fixed; bottom:5px; right:5px; z-index:100; display:none;}

.buttons ul .dep2 { display:block; }
.buttons ul .dep2.unVis { display:none; }
.buttons ul .dep2 { position:absolute; left:0; top:48px; }
.buttons ul .dep2 li { width:105%; }
.buttons ul .dep2 li a { background:#333; }
.buttons ul .dep2 li a:hover { color:#fff; background:#666;} 

.article { background:#ececec;  margin-top:10px; }
.article:after { content:""; display:block; clear:both; }
.article .photo { float:left; width:341px;}
.article .comment { float:left; width:450px; margin-left:10px;  }
.article .comment .title { font-size:16px; color:#000; padding:10px; line-height:34px; margin-top:10px; }
.article .comment .title .red { color:#df4713; }
.article .comment .content { font-size:14px; color:#434343; padding:10px; line-height:24px; }

.catitle { margin:0 auto; font-size:26px; color:#585858; padding-top:10px; width:200px; text-align:center; margin-top:40px; border-top:3px solid #0ba1ff; clear:both; }

.favorate { margin-top:30px; }
.favorate ul:after { content:""; display:block; clear:both; }
.favorate ul li { float:left; width:30%; margin-right:5%; padding-bottom:20px;}
.favorate ul li.last { margin-right:0; }
.favorate ul li .faContent { color:#000; font-size:17px; line-height:22px; padding-top:10px; }

.people { margin-top:30px; }
.people ul:after { content:""; display:block; clear:both; }
.people ul li { float:left; width:30%; margin-right:5%; padding-bottom:20px; }
.people ul li.last { margin-right:0; }
.people ul li .peoContent { color:#fff; font-size:17px; line-height:24px; padding:10px; background:#000; height:37px; overflow:hidden; }

.preview { background:#ececec; border:1px solid #dedede; }
.preview ul { margin-top:20px; }
.preview ul:after { content:""; display:block; clear:both; }
.preview ul li { float:left; width:21%; padding: 0 2%; text-align:center; padding-bottom:20px;}
.preview ul li .pretitle { text-align:center; font-size:13px; color:#555; padding:5px 0px; }
.preview ul li .pretitle .blue { color:#0077c1; }
.preview ul li .btn { padding:5px 0px;}
.preview ul li .btn .go { display:inline-block; font-size:12px; color:#fff; background:#2b2f35; padding:10px 10px; }
.preview ul li .btn .pdf { display:inline-block;  font-size:12px; color:#333; padding:10px 10px; background:#fff url("/newsletter/common/images/pdf.png") 3px 5px no-repeat; padding-left:25px; border:1px solid #d0d0d0; }

.footer { background:#262626; }
.footer:after { content:""; display:block; clear:both; }
.footer .footlogo { float:left; width:150px; padding:10px; }
.footer .foot { float:left; color:#8d8d8d; padding:10px;}
.footer .foot .link { margin-top:10px; font-size:13px;}
.footer .foot .link:after { content:""; display:block; clear:both; }
.footer .foot .link ul li { float:left; }
.footer .foot .link a { padding-right:10px; color:#8d8d8d;}
.footer .foot .address { font-size:11px; margin-top:7px; line-height:18px;  color:#8d8d8d;}


/* sub ********************************************************************************/

.subheader { }
.subheader .sublogo { text-align:center; padding-top:20px; }

.subheader .subsearch {  }
.subheader .subsearch .grayInput { height:28px; vertical-align:top; }
.subheader .subsearch .serBtn { display:inline-block; margin-left:-3px; margin-right:25px;  height:28px; background:#fff; width:28px;}

.subheader .gnb { margin-top:10px; margin-bottom:10px;}
.subheader .gnb:after { content:""; display:block; clear:both; }
.subheader .gnb ul li { float:left; width:24.9%; border-right:1px solid #537ab1; border-bottom:1px solid #537ab1; text-align:center; background:#2856aa; }
.subheader .gnb ul li a { display:inline-block; text-align:center; width:100%; height:48px; line-height:48px; color:#fff; font-size:16px; }
.subheader .gnb ul li.last { border-right:none; }

.mainTitle_out {clear:both;text-align:center;  width:100%; margin-top:30px;  padding:20px 0px;}
.mainTitle_out .menuTitle{width:90%;text-align:left; padding-left:10px;font-size:16px; color:#0e2a5c;}

.mainTitle { clear:both; color:#332B33; font-size:30px; width:100%; text-align:left; padding-left:8px; padding-top:0px;}
.mainTitle_out2 {clear:both;text-align:center; border-bottom:1px solid #d7dde1; width:100%; margin-bottom:5px;  padding:5px 0px;}
.mainTitle_out2 .menuDate{width:95%;text-align:right; padding-left:10px;font-size:14px; color:#998099;}

.mainContent { margin-left:10px;margin-right:10px; margin-top:10px;}

.img { text-align:center; margin:20px 0px; }

.tit1 { font-size:18px; color:#2856aa; font-weight:bold; line-height:22px; background:url("/newsletter/common/images/t1.gif") left 8px no-repeat; padding:5px 0px 5px 20px; margin-top:20px;}
.tit2 { font-size:16px; color:#b85c09; font-weight:bold; line-height:20px; background:url("/newsletter/common/images/t2.gif") left 8px no-repeat; padding:5px 0px 5px 20px; margin-top:10px; }
.tit3 { font-size:14px; color:#666666; font-weight:bold; line-height:18px; background:url("/newsletter/common/images/t3.gif") left 8px no-repeat; padding:5px 0px 5px 20px; }
.tit4 { font-size:14px; color:#666666; line-height:18px; background:url("/newsletter/common/images/t4.gif") left 8px no-repeat; padding:5px 0px 5px 20px; }
.con { font-size:14px; color:#666666; line-height:20px; }

.snsline { background:#f7f7f7; border:1px solid #e2e2e2; padding:10px 5px; }
.snsline:after { content:""; display:block; clear:both; }
.snsline .sns { float:left; }
.snsline .sns ul li { float:left; margin:0 3px; }

.snsline .link { float:right; }
.snsline .link ul li { float:left; margin:5px 3px 0px 3px; }

.board { margin-top:20px; margin-bottom:20px; margin-left:5px; margin-right:10px;}

.board ul li { padding:10px 0px;  border-top:1px solid #E2E2E2;}
.board ul li:after { content:""; display:block; clear:both; }
.board ul li .subject { float:left; }
.board ul li .date { float:right; }
.bottomTitle { clear:both; color:#0e2a5c; font-size:16px;  width:100%; text-align:left; padding-top:20px;}

/* pagelist */
.pagelist {  width:100%; text-align:center; margin-top:20px;}
.pagelist ul { margin:0 auto; width:350px; margin-bottom:20px;}
.pagelist ul:after { content:""; display:block; clear:both; }
.pagelist ul li { float:left; }
.pagelist a.next2 { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext2.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a.next { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a.prev { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev2.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a.prev2 { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a { display:inline-block; padding:0 7px; height:26px; line-height:28px; text-align:center; font-size:12px; border:1px solid #bdbdbd; vertical-align:top; }
.pagelist a.selected { background:#535353; color:#fff; }
.pagelist a.selected:hover { color:#fff; }
.pagelist a:hover, .content .pagelist a:active { color:#0057a1; font-weight:bold; text-decoration:underline;}


/* menu allMenu  */
	.gnbInner .btnMenuAll_m { display:none; }
	.gnbInner .allMenu.unVis { display:none; }
	.gnbInner .allMenu .subMenuView a { position:absolute; right:10px; top:10px; font-size:14px; color:#e74e3f; }

	.gnbInner .allMenu { background:#244a6e; width:inherit; position:absolute; left:0px; top:75px; z-index:20; }
	.gnbInner .allMenu:after { content:""; display:block; clear:both; }

	.gnbInner .allMenu .dep1_ > li { float:left; padding-top:30px; padding-bottom:20px; width:25%; background:url("/portal/common/images/allmenuLine.gif") right top repeat-y; }
	.gnbInner .allMenu .dep1_ > li.last { background:none; }
	.gnbInner .allMenu .dep1_ > li > a { display:inline-block; color:#fff; font-size:18px; padding:20px 20px 15px 20px;}
	
	.gnbInner .allMenu .dep2_ > li > a { display:inline-block; color:#89c7ff; font-size:14px; padding:10px 5px 3px 20px;}
	.gnbInner .allMenu .dep2_ .mPlus { background:none; }
	.gnbInner .allMenu .dep2_ .mMinus { background:none; }

	.gnbInner .allMenu .dep3_ > li > a { display:inline-block; color:#c7c7c7; font-size:12px; padding:7px 5px 3px 30px; background:url("/portal/common/images/allMenuD3Dot.png") 16px 11px no-repeat; } 

	.gnbInner .dep3_.unVis { display:none; }
	
	.back { }
	

.menuSubBtn { position:absolute; right:0px; top:0px; }


/*************************************************/
/* Mobile Device */   
/*************************************************/


@media all and (min-width:1px) and (max-width:767px) {
	.top_btn {display:block}
	.non{display:none}
	.article .comment {display:none}
.catitle { margin:0 auto; font-size:26px; color:#585858; padding-top:10px; width:100%; text-align:center; margin-top:40px; border-top:3px solid #0ba1ff; clear:both; }	

.out { width:100%;  }
.conin {width:100%; margin:0 auto; position:relative;}
.header { height:94px; }
.header .logo { padding:25px 0px 5px 5px; }
.header .menu { background:#2856aa; }
.header .menu:after { content:""; display:block; clear:both; }
.header .menu ul li { float:left; width:100%; }
.header .menu ul li.submit a { display:block; height:50px; line-height:50px; padding:0px 25px 0px 60px; color:#fff; background:#1d4295 url("/newsletter/common/images/submit.png") 20px 12px no-repeat;  }
.header .menu ul li.review a { display:block; height:50px; line-height:50px; padding:0px 25px 0px 60px; color:#fff; background:#2856aa url("/newsletter/common/images/review.png") 20px 12px no-repeat;  }
.header .menu ul li.search {  float:right; padding-bottom:5px;}
.header .menu ul li.search input { height:28px; width:70%; padding:0px; border:none; vertical-align:top; margin-top:0px; margin-left:10px; }
.header .menu ul li.search .serBtn { display:inline-block; margin-left:-3px; margin-right:25px; margin-top:0px; height:28px; background:#fff; width:28px; }
	
.buttons { margin-top:-50px; }
.buttons ul { margin:0 auto; text-align:center; }
.buttons ul:after { content:""; display:block; clear:both; }
.buttons ul li { float:left; width:100%; border:1px solid #c5c5c5; text-align:center; position:relative; }
.buttons ul > li > a { display:inline-block; text-align:center; width:100%; height:48px; line-height:48px; color:#fff; background:#2856aa; font-size:16px; }

.buttons ul .dep2.unVis { display:none; }
.buttons ul .dep2 { position:relative; display:block; width:100%; left:0; top:0px; }
.buttons ul .dep2 li { width:100%; background:#fff; }
.buttons ul .dep2 li a:hover { color:#fff; background:#666;} 

.article { background:#ececec; border:1px solid #dedede; margin-top:10px; }
.article:after { content:""; display:block; clear:both; }
.article .photo { float:left; width:100%;}
.article .comment { float:left; width:100%; margin-left:0px; }
.article .comment .title { font-size:25px; color:#000; padding:10px; line-height:34px; margin-top:10px; }
.article .comment .title .red { color:#df4713; }
.article .comment .content { font-size:14px; color:#434343; padding:10px; line-height:24px; }

.favorate { margin-top:30px; }
.favorate ul:after { content:""; display:block; clear:both; }
.favorate ul li { float:left; width:100%; margin-right:0; padding-bottom:20px;}
.favorate ul li .faPhoto { text-align:center;  }
.favorate ul li.last { margin-right:0; }
.favorate ul li .faContent { color:#000; font-size:17px; line-height:22px; padding-top:10px; width:100%; float:left; text-align:center; }

.people { margin-top:15px; }
.people ul:after { content:""; display:block; clear:both; }
.people ul li { float:left; width:100%; margin-right:0%; padding-bottom:20px; }
.people ul li.last { margin-right:0; }
.people ul li .peoPhoto { text-align:center; }
.people ul li .peoContent { color:#fff; font-size:17px; line-height:22px; padding:10px; background:#000; min-height:40px; text-align:center; }


.preview { background:#ececec; border:1px solid #dedede; }
.preview ul { margin-top:20px; }
.preview ul:after { content:""; display:block; clear:both; }
.preview ul li { float:left; width:50%; padding: 0%; text-align:center; padding-bottom:20px; }
.preview ul li .pretitle { text-align:center; font-size:13px; color:#555; padding:5px 0px; }
.preview ul li .pretitle .blue { color:#0077c1; }
.preview ul li .btn { padding:5px 0px;}
.preview ul li .btn .go { display:inline-block; font-size:12px; color:#fff; background:#2b2f35; padding:10px 10px; }
.preview ul li .btn .pdf { display:inline-block;  font-size:12px; color:#333; padding:10px 10px; background:#fff url("/newsletter/common/images/pdf.png") 3px 5px no-repeat; padding-left:25px; border:1px solid #d0d0d0; }

.footer { background:#262626; }
.footer:after { content:""; display:block; clear:both; }
.footer .footlogo { float:left; width:150px; padding:10px; }
.footer .foot { float:left; color:#8d8d8d; padding:10px;}
.footer .foot .link { margin-top:10px; font-size:13px;}
.footer .foot .link:after { content:""; display:block; clear:both; }
.footer .foot .link ul li { float:left; width:100%; margin-bottom:5px;}
.footer .foot .link a { padding-right:10px; color:#8d8d8d;}
.footer .foot .address { font-size:11px; margin-top:7px; line-height:18px;  color:#8d8d8d;}



/* menu allMenu mo */
	.gnbInner .allMenu.unVis { display:none; }
	.gnbInner .allMenu .subMenuView { display:none; }
	
	.gnbInner .allMenu { background:none; width:100%; position:absolute; right:0px; top:-67px; z-index:20; }
	.gnbInner .allMenu:after { content:""; display:block; clear:both; } 

	.gnbInner .allMenu .top_m { display:block; width:80%; background:#fff; height:50px; float:right; }
	.gnbInner .allMenu .top_m:after { content:""; display:block; clear:none; }

	.gnbInner .allMenu .sns_m { display:block; margin-left:10px; }
	.gnbInner .allMenu .sns_m ul { }
	.gnbInner .allMenu .sns_m ul li { float:left; padding:13px 8px 5px 0px; } 
	.gnbInner .allMenu .sns_m ul li a { display:block; }

	.gnbInner .btnMenuAll_m { display:block; width:37px; height:37px; float:right; background:#ff6600; text-indent:-999px;}
	.gnbInner .btnMenuAll_m.menu_close_m { background:url("/portal/common/images/btn_menuAll_Close.gif") left top no-repeat; margin:7px 10px 0px 0px;}

	.gnbInner .allMenu .topLink_m { display:block; background:#172a3a; height: 50px; width:80%; float:right; border-bottom:1px solid #2a4568; }
	.gnbInner .allMenu .topLink_m ul { float:right;}
	.gnbInner .allMenu .topLink_m ul li { float:left; }
	.gnbInner .allMenu .topLink_m ul li a { display:inline-block; padding:20px 4px 0px 4px; color:#a3a7ab;} 
	.gnbInner .allMenu .topLink_m ul li a.last { margin-right:0px; }
	.gnbInner .allMenu .topLink_m ul li span { display:inline-block; color: #848e97; padding-top:20px;}
	
	.gnbInner .allMenu .dep1_ { display:block; width:80%; float:right; }

	.gnbInner .allMenu .dep1_ > li { float:none; width:100%; padding-top:0px; min-height:auto; padding-bottom:0px;  background:#152a4b none; } 
	.gnbInner .allMenu .dep1_ > li.last { background:#152a4b none; }
	.gnbInner .allMenu .dep1_ > li > a { display:inline-block; color:#ffffff; font-size:18px; padding:20px 20px 15px 20px;}
	
	.gnbInner .allMenu .dep2_ > li { background:#244a6e; border-bottom:1px solid #80b1de; }
	.gnbInner .allMenu .dep2_ > li > a { display:block; color:#7cbcf7; font-size:18px; padding:15px 5px 15px 40px;}

	.gnbInner .allMenu .dep2_ .mPlus { background:url("/portal/common/images/menuPlus.png") right 15px no-repeat; }
	.gnbInner .allMenu .dep2_ .mMinus { background:url("/portal/common/images/menuMinus.png") right 15px no-repeat; }

	.gnbInner .allMenu .dep3_ > li > a { display:block; color:#152a4b; font-size:18px; padding:15px 0px 15px 60px; background:#b4b7ba none; border-bottom:1px solid #ced0d2; } 
	
	
	.back { width:100%; height:100%; }
	.back.blackOn { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/portal/common/images/black.png") repeat; z-index:19; }

	.gnbInner .dep3.unVis { display:none; }



/* sub ********************************************************************************/

.subheader { text-align:center; }
.subheader .sublogo { text-align:center; margin-top:20px; margin-bottom:5px;}

.subheader .subsearch { margin-top:10px; }
.subheader .subsearch .grayInput { height:28px; vertical-align:top; }
.subheader .subsearch .serBtn { display:inline-block; margin-left:-3px; margin-right:25px;  height:28px; background:#fff; width:28px;}

.subheader .gnb { margin-top:10px; margin-bottom:10px;}
.subheader .gnb:after { content:""; display:block; clear:both; }
.subheader .gnb ul li { float:left; width:49%; border-right:1px solid #537ab1; border-bottom:1px solid #537ab1; text-align:center; background:#2856aa; }
.subheader .gnb ul li a { display:inline-block; text-align:center; width:100%; height:48px; line-height:48px; color:#fff; font-size:16px; }
.subheader .gnb ul li.last { border-right:1px solid #537ab1; }

.mainTitle_out {clear:both;text-align:center;  width:99.5%; margin-top:30px;  padding:10px 0px;}
.mainTitle_out .menuTitle{width:90%;text-align:left; padding-left:10px;font-size:16px; color:#0e2a5c;}

.mainTitle { clear:both; color:#332B33; font-size:30px; width:95%; text-align:left; padding-left:10px; padding-top:20px; line-height:37px;}
.mainTitle_out2 {clear:both;text-align:center; border-bottom:1px solid #d7dde1; width:99.5%; margin-bottom:5px;  padding:5px 0px;}
.mainTitle_out2 .menuDate{width:95%;text-align:right; padding-left:10px;font-size:14px; color:#998099;}


.img { text-align:center; margin:20px 0px; }

.tit1 { font-size:18px; color:#2856aa; font-weight:bold; line-height:22px; background:url("/newsletter/common/images/t1.gif") left 8px no-repeat; padding:5px 5px 5px 20px; margin-top:20px;}
.tit2 { font-size:16px; color:#b85c09; font-weight:bold; line-height:20px; background:url("/newsletter/common/images/t2.gif") left 8px no-repeat; padding:5px 5px 5px 20px; margin-top:10px; }
.tit3 { font-size:14px; color:#666666; font-weight:bold; line-height:18px; background:url("/newsletter/common/images/t3.gif") left 8px no-repeat; padding:5px 5px 5px 20px; }
.tit4 { font-size:14px; color:#666666; line-height:18px; background:url("/newsletter/common/images/t4.gif") left 8px no-repeat; padding:5px 5px 5px 20px; }
.con { font-size:14px; color:#666666; line-height:20px; }

.snsline { background:#f7f7f7; border:1px solid #e2e2e2; padding:10px 5px; }
.snsline:after { content:""; display:block; clear:both; }
.snsline .sns { float:left; }
.snsline .sns ul li { float:left; margin:0 3px; }

.snsline .link { float:right; }
.snsline .link ul li { float:left; margin:5px 3px 0px 3px; }

.board { margin-top:20px; margin-bottom:20px;}


.board ul li { padding:5px 0px;  }
.board ul li:after { content:""; display:block; clear:both; }
.board ul li .subject { float:left; }
.board ul li .date { float:right; display:none;}

/* pagelist */
.pagelist {  width:100%; text-align:center; margin-top:20px; padding-top:20px; }
.pagelist ul { margin:0 auto; width:350px; margin-bottom:20px;}
.pagelist ul:after { content:""; display:block; clear:both; }
.pagelist ul li { float:left; }
.pagelist a.next2 { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext2.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a.next { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a.prev { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev2.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a.prev2 { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a { display:inline-block; padding:0 7px; height:26px; line-height:28px; text-align:center; font-size:12px; border:1px solid #bdbdbd; vertical-align:top; }
.pagelist a.selected { background:#535353; color:#fff; }
.pagelist a.selected:hover { color:#fff; }
.pagelist a:hover, .content .pagelist a:active { color:#0057a1; font-weight:bold; text-decoration:underline;}

}

/*************************************************/
/* Tablet Device */   
/*************************************************/

@media all and (min-width:768px) and (max-width:1023px) {
	
	.non{display:none}
	
		.non{display:none}
.buttons { margin-top:-42px; }	
	/* menu allMenu  */
		.gnbInner .allMenu.unVis { display:none; }
		.gnbInner .allMenu .subMenuView { display:none; }
		
		.gnbInner .allMenu { background:none; width:100%; position:absolute; right:0px; top:-67px; z-index:20; }
		.gnbInner .allMenu:after { content:""; display:block; clear:both; } 

		.gnbInner .allMenu .top_m { display:block; width:80%; background:#fff; height:50px; float:right; }
		.gnbInner .allMenu .top_m:after { content:""; display:block; clear:none; }

		.gnbInner .allMenu .sns_m { display:block; margin-left:10px; }
		.gnbInner .allMenu .sns_m ul { }
		.gnbInner .allMenu .sns_m ul li { float:left; padding:13px 8px 5px 0px; } 
		.gnbInner .allMenu .sns_m ul li a { display:block; }

		.gnbInner .btnMenuAll_m { display:block; width:37px; height:37px; float:right; background:#ff6600; text-indent:-999px;}
		.gnbInner .btnMenuAll_m.menu_close_m { background:url("/portal/common/images/btn_menuAll_Close.gif") left top no-repeat; margin:7px 10px 0px 0px;}

		.gnbInner .allMenu .topLink_m { display:block; background:#172a3a; height: 50px; width:80%; float:right; border-bottom:1px solid #2a4568; }
		.gnbInner .allMenu .topLink_m ul { float:right;}
		.gnbInner .allMenu .topLink_m ul li { float:left; }
		.gnbInner .allMenu .topLink_m ul li a { display:inline-block; padding:20px 10px 0px 10px; color:#a3a7ab;} 
		.gnbInner .allMenu .topLink_m ul li a.last { margin-right:0px; }
		.gnbInner .allMenu .topLink_m ul li span { color: #848e97; }
		
		.gnbInner .allMenu .dep1_ { display:block; width:80%; float:right; }

		.gnbInner .allMenu .dep1_ > li { float:none; width:100%; padding-top:0px; min-height:auto; padding-bottom:0px;  background:#152a4b none; } 
		.gnbInner .allMenu .dep1_ > li.last { background:#152a4b none; }
		.gnbInner .allMenu .dep1_ > li > a { display:inline-block; color:#ffffff; font-size:18px; padding:20px 20px 15px 20px;}
		
		.gnbInner .allMenu .dep2_ > li { background:#244a6e; border-bottom:1px solid #80b1de; }
		.gnbInner .allMenu .dep2_ > li > a { display:block; color:#7cbcf7; font-size:18px; padding:15px 5px 15px 40px; }
		.gnbInner .allMenu .dep2_ .mPlus { background:url("/portal/common/images/menuPlus.png") right 15px no-repeat; }
		.gnbInner .allMenu .dep2_ .mMinus { background:url("/portal/common/images/menuMinus.png") right 15px no-repeat; }


		.gnbInner .allMenu .dep3_ > li > a { display:block; color:#152a4b; font-size:18px; padding:15px 0px 15px 60px; background:#b4b7ba none; border-bottom:1px solid #ced0d2; } 
		
		.gnbInner .dep3_.unVis { display:none; }
		
		.back { width:100%; height:100%; }
		.back.blackOn { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/portal/common/images/black.png") repeat; z-index:19; }


}