/*
layout.css1
*/


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

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

/*background*/
.newsArea > .backg{ border:0px/*1px solid transparent*/}

/*absolute*/
.portalAb{position:absolute;top:1125px;left:10; width:100%; height:453px;background: url(/portal/common/images/actionZoneBg.gif) repeat left top; z-index:100}


/* accessibility  */
.access  {overflow:hidden; position:relative; width:100%; z-index:2;}
.access a {display:block; font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden;text-align:center; width:1px;}
.access a:focus,.accessibility a:hover,.accessibility a:active {background:#ffdabc; color:#333333; font-size:12px; font-weight:bold; margin:0; height:20px; line-height:1; margin:0; padding:8px 0 0 15px; width:auto;border:1px solid red;} /* 2023.11.07 modify */


/* text *****************************************************************************************/
.contentIn .blue { color:#42689c;}
.contentIn .red { color:#e74e3f; }
.contentIn .linkText { color:#42689c; text-decoration:underline; }
.contentIn a:hover { color:#42689c; text-decoration:underline; }
.contentIn .thid { }
.contentIn .mhid { }
.bold { font-weight:bold; }
label { overflow:hidden;  z-index:1; font-size:0px;}
caption {overflow:hidden; z-index:1; font-size:0px;}
.contentIn .wordBreak { word-break:break-all; }
.inlineDiv { display:inline-block; }

.hide { float:left; z-index:1; font-size:0px;}
h1 {-webkit-margin-before: 0;-webkit-margin-after: 0; float:left; margin-top:-2px}
h2 { float:left; z-index:1; font-size:0px; font-weight:normal; margin:0px} /* 2023.11.07 modify */
h3 {  float:left; z-index:1; font-size:0px;}

img { max-width:100%; width:inherit; }
#contants{margin-top:20px}
.dumy { height:200px;}

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

.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%; }
.w12 { width:12%; } /* 2019.05.29 add */
.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; }

.clear { clear:both; }

/* popup */
.popup { padding:10px; }
.pop_header { border-top:14px solid #1f4160; height:70px; border-bottom:1px solid #c7c7c7; }
.pop_header .logo { margin:3px 0px 0px 20px; float:left;}
.pop_header .close { float:right;}
.pop_header_eng { border-top:14px solid #1f4160; height:80px; border-bottom:1px solid #c7c7c7; }
.pop_header_eng .logo { margin:3px 0px 0px 20px; float:left;}
.pop_header_eng .close { float:right;}
.postTitle { font-size:30px; color:#474747; margin-top:20px; margin-left:20px;}
.popup { border-bottom:40px solid #132431; }

/* image *****************************************************************************************/
.contentIn .image01 {  width:inherit; max-width:100%; }
.contentIn .image03 { width:inherit; max-width:100%; }
.contentIn .image04 { width:inherit; max-width:100%; margin-top:20px;}
.contentIn .image05 { width:inherit; max-width:100%; margin-top:20px;}
.contentIn .image06 { width:inherit; max-width:100%;}

.guide { padding:10px; color:#fff; background:#000; font-size:16px; margin:40px 0px 10px 0px;}

/* form  *******************************************************************************************************/


/* btn *******************************************************************************************************/
.content .blueBtn { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; }
.content .blueBtn:hover { color:#fff; }
.btnCategory { display:inline-block; margin:13px 3px 0 0;  color: #739cc0 !important; background:#172a3a;  font-size:16px; border:1px solid #5a6873; padding:0 22px; height:42px; line-height:42px; }
.btnCategory.btnSelected   {  color:#ffffff !important; background:#2c3d4c; border:1px solid #869098;}
a.btnGo { display:inline-block; color:#ffffff; font-size:16px; border:1px solid  #A2B1BD; height:36px; line-height:36px; padding:5px 56px 0px 20px; background:#23496D url("/portal/common/images/btnGoBg.png") no-repeat right top; margin: 25px 0px 45px 0px; color:#A2B1BD;}
a.btnGray { font-size:14px; display:inline-block; color:#ffffff; border:1px solid  #ffffff; height:36px; line-height:36px; padding:0px 10px; background:#464646; text-align:center; }
a.btnRed { font-size:14px; display:inline-block; color:#ffffff; border:1px solid  #ffffff; height:36px; line-height:36px; padding:0px 10px; background:#871517; text-align:center; }
a:link, a:hover, a:visited, a:active { cursor:pointer; }
.certi .blueBtn { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; }
.contentIn .blueBtn { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; }
.contentIn .blueBtn:hover { color:#fff; text-decoration: none; }
.contentIn .redBtn { display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; }
.contentIn .redBtn:hover { color:#fff; text-decoration: none; }
.contentIn .downloadBtn { display:inline-block;  background:#1d7ea0 url("/portal/common/images/downloadicon.png") right 6px no-repeat; padding: 8px 50px 8px 10px; font-size:14px; color:#fff; margin:5px; }
.contentIn .downloadBtn:hover { color:#fff; text-decoration:none; }
.contentIn .detailViewBtn { display:inline-block; background:#36536a; color:#fff; font-size:13px; padding:2px 10px; margin-left:3px; }
.contentIn .detailViewBtn:hover { color:#fff; text-decoration:none;}
.top_btn {position:fixed; bottom:5px; right:5px; z-index:100; display:none;}


/* infoBox */
.infoBox { background:#f7f8fc; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px;}
.infoBoxGray { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px;}
.infoBoxRed { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#e74e3f; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px; }
.infoBoxWhite {line-height:20px; font-size:13px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:5px; overflow-y:scroll; height:70px;}
.infoBoxIcon01 { background:#f7f8fc url("/portal/common/images/icon01.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; }
.infoBoxIcon02 { background:#f7f8fc url("/portal/common/images/icon08.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; }
.infoBoxIcon04 { background:#f7f8fc url("/portal/common/images/icon10.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; }
.infoBoxIcon05 { background:#f7f8fc url("/portal/common/images/icon11.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; }

/* bannerIcon */
.bannerIcon { text-align:center; }
.bannerIcon:after { content:""; display:block; clear:both; }
.bannerIcon li { float:left; border:1px solid #d1d4da; width:13%; margin-right:1%; min-height: 210px; margin-top:20px;}
.bannerIcon li a.bani { display:block; height:20px; font-size:14px; color:#222222; margin:0 auto; padding: 15px 0px;}

.bannerIcon li span { display:block; text-align:left; margin-top:20px; line-height:16px; padding:0px 5px;}
.bannerIcon li a.bani01 { border-top:5px solid #305b82; }
.bannerIcon li a.bani02 { border-top:5px solid #9a8073; }
.bannerIcon li a.bani03 { border-top:5px solid #4b8891; }
.bannerIcon li a.bani04 { border-top:5px solid #6c7d8a; }
.bannerIcon li a.bani05 { border-top:5px solid #5d6193; }
.bannerIcon li a.bani06 { border-top:5px solid #4379b1; }
.bannerIcon li a.bani07 { border-top:5px solid #9578c2; }
.bannerIcon li a.bani08 { border-top:5px solid #a6604a; }


/* form */
.contentIn .tableResult .result { float:left; margin-top:15px; font-weight:bold; color:#222222; }
.graySelect { height:30px; border: 1px solid #d0d0d0; vertical-align:middle; color:#666; }
.grayInput { height:26px; border: 1px solid #d0d0d0; line-height:26px; margin-left:5px; }


input[type=text] { 
	-webkit-ime-mode:active;
	-moz-ime-mode:active;
	-ms-ime-mode:active;
	ime-mode:active; 
}



.formBox { background:#f7f8fc; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; }
.formBoxTxt { display:inline-block; line-height:34px;  }
/* .formBox .breakDiv .formBoxTxt { padding-top:8px; } */
.formBox .graySelect, .formBox .grayInput { margin-left:5px; }


/* title */
.titleH2 {display:block; font-size:20px; color:#0057a1; margin-top:30px; padding-top:12px; padding-bottom:10px; background:url("/portal/common/images/titleH2Bg.gif") left top no-repeat;}
.titleH2:after { content:""; display:block; clear:both; }
.titleH3 {display:block; font-size:16px; color:#222222; margin-top:15px; }

/* conText */
.contentIn .normalText { line-height:20px; color:#36536a; font-size:14px; }
.conText { font-size:14px; color:#565656; padding:5px; line-height:22px;  }
.conText2 { font-weight:bold; text-decoration:underline; padding-left:15px; }
a.resultlink { font-weight:bold; color:#595959; }
.conText b { font-weight:bold; color:#e74e3f; }
.conTextBul { font-size:14px; color:#565656; background:url("/portal/common/images/conTextBul.png") left 12px no-repeat; padding:5px 10px 0px 10px; line-height:22px; margin-top:5px; }

.useStep01 { max-width:100%; width:inherit; }
.useStep03 { max-width:100%; width:inherit; }
.breakDiv { display:inline-block; margin:2px; padding:0px;}
.captchaText { display:inline-block;padding: 2px 0px 0px; vertical-align: top;}

.contentIn select, .contentIn input { margin:1px; }

.contentIn .searchTitle { display:block;  margin-top:30px; margin-bottom:20px;  padding-top:12px; padding-bottom:10px; border-bottom:1px solid #535353;}
.contentIn .searchTitle .title { font-size:20px; color:#0057a1; }
.contentIn .searchTitle .subtitle { font-size:14px; color:#565656; }
.contentIn .searchSubTit { font-size:14px; margin-top:20px; font-weight:bold; color:#222222; padding:5px 0px;}

/*  width  *******************************************************************************************************/
.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w190 { width:190px; }
.w100p { width:100%; }

.mt8 { margin-top:8px; }
.mt20 { margin-top:20px; }

.step01 { width:inherit; max-width:100%; }

/* container *******************************************************************************************************/
.container { width:100%; height: 100%;}

/* top  *******************************************************************************************************/
.topOuter { background: #172a3a; height:67px; width:100%;}
.topOuter .topInner  {  max-width:1160px; margin:0 auto; }

.topOuter .topInner .category { float:left; }

.topOuter .topInner .utilMenu { float:right;  margin-right:10px;}

	.topOuter .topInner .topLink { float:right; height: 14px; margin-top:30px; }
	.topOuter .topInner .topLink ul li { float:left; }
	.topOuter .topInner .topLink ul li a { margin:0px 17px; color:#a3a7ab; font-size:12px; } 
	.topOuter .topInner .topLink ul li a.last { margin-right:0px; }
	.topOuter .topInner .topLink ul li span { color: #848e97; }


/* gnbOuter *******************************************************************************************************/
.gnbOuter { width:100%; background: url("/portal/common/images/gnb_bg.gif") repeat-x; }
.gnbInner { max-width: 1160px; min-width:1024px; margin:0 auto; position:relative; z-index:1000;}
.gnbInner:after { content:""; display:block; clear:both; }

.gnbInner .logo {float: left; height:72px;}
.gnbInner .logo a {float:left  }
.gnbInner .logo img { max-width:none;  }
.gnbInner .logo .hidlogo { width:103px;}
.gnbInner .allMenu .sns_m { display:none; }
.gnbInner .allMenu .topLink_m { display:none; }
	
	/* menu gnbMenu  */
	.gnbInner .gnbMenu { float: right; font-size: 18px; margin-right:130px; }
	.gnbInner .gnbMenu:after { content:""; display:block; clear:both; }
	.gnbInner .gnbMenu .dep1 > li { float: left; position:relative; }
	.gnbInner .gnbMenu .dep1 > li > a { display:inline-block;  height:75px; margin:0px 9px; padding:0 20px; line-height: 75px; color:#000000;}
	.gnbInner .gnbMenu .dep1 > li > a:hover { color:#006dd8;  }
	.gnbInner .gnbMenu .dep1 > li > a.selDep1 { background:url("/portal/common/images/menuSelBg.png") center 70px repeat-x; }
	.gnbInner .gnbMenu .dep1 > li > a.selDep1, .gnbInner .gnbMenu .dep1 > li > a.selDep1:hover { color:#006dd8; }
	
	.gnbInner .gnbMenu .dep1 > li .dep2 { z-index:900; display:none; position:absolute; padding-bottom:20px; left:0px; top:74px; height:auto; border:1px solid #15528e; background:#fff; }
	.gnbInner .gnbMenu .dep1 > li.st1 .dep2 { width:1000px; left:-332px; }
	.gnbInner .gnbMenu .dep1 > li.st1 .dep2 > li {  }
	.gnbInner .gnbMenu .dep1 > li.st2 .dep2 { width:600px; left:-22px; }
	.gnbInner .gnbMenu .dep1 > li.st2 .dep2 > li {  }
	.gnbInner .gnbMenu .dep1 > li.st3 .dep2 { width:1000px; left:-512px; }
	.gnbInner .gnbMenu .dep1 > li.st3 .dep2 > li {  }
	.gnbInner .gnbMenu .dep1 > li.st4 .dep2 { width:1000px; left:-602px; }
	.gnbInner .gnbMenu .dep1 > li.st4 .dep2 > li {  }
	.gnbInner .gnbMenu .dep1 > li.st5 .dep2 { width:600px; left:-292px; }
	.gnbInner .gnbMenu .dep1 > li.st5 .dep2 > li {  }
	.gnbInner .gnbMenu .dep1 > li.st6 .dep2 { width:1000px; left:-782px; }
	.gnbInner .gnbMenu .dep1 > li.st6 .dep2 > li {  }
	
	.gnbInner .gnbMenu .dep1 .dep2.visDep2 { display:block; }
	.gnbInner .gnbMenu .dep1 .dep2 .dep1title { display:none; }
	.gnbInner .gnbMenu .dep1 .dep2 > li { float:left; font-size:16px; color:#15528e; width:190px; padding-left:10px;  height:auto; /* background:url("/portal/common/images/menuLine.gif") right top repeat-y; */ }
	.gnbInner .gnbMenu .dep1 li.h30 .dep2 > li { min-height:30px; }
	
	.gnbInner .gnbMenu .dep1 .dep2 > li > a { display:inline-block; padding:20px 10px 5px 10px; color:#15528e; font-weight:bold;}
	.gnbInner .gnbMenu .dep1 .dep2 .dep3 li a { display:inline-block; height: 20px; font-size:13px; padding-left: 20px; line-height: 20px; color:#293135; background:url("/portal/common/images/dep3dot.gif") 10px 8px no-repeat; }
	.gnbInner .gnbMenu .dep1 .dep2 .dep3 li a:hover { color:#e74e3f; }
	

	/* search */
	.search { background: #e4e4e4; position:absolute; left:0px; top:74px; width:100%; height:84px; z-index:20; text-align:center; }
	.search .searchSelect { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:35px; line-height:35px; padding:0px 3px; vertical-align:top; margin-top:20px;}
	.search .searchInput { font-size:14px; color:#444444;  background:#ffffff; border: 1px solid #cccccc; height:33px; line-height:35px; padding:0px 3px; vertical-align:top; margin-top:20px; width:50%; margin-left:10px; }
	.search .searchBtn { display:inline-block; background:#c94839 url("/portal/common/images/searchIcon.png") 18px 6px no-repeat; border:1px solid #cccccc; width:60px; height:33px; margin-top:20px; margin-left:5px; }
	.search.unVis { display:none; }
	.search .search_close_m{position: absolute;right: 10px;bottom: 5px;}

	/* menu allMenu  */
	.gnbInner .btnMenuAll_m { display:none; }
	.gnbInner .btnMenuAll_m { display:block; float:right; margin-right:10px;}
	.gnbInner .btnMenuAll_m.menu_close_m { color:#fda9a1; font-size:14px; }

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

	.gnbInner .allMenu { background:#244a6e; width:100%; 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:16.6%; 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; }
/* .menuSubBtn:after {  content:""; float: right;  width:100px;} */
.menuSubBtn > a { float:left; display:inline-block; width:37px; line-height: 75px; margin: 18px 0 0 4px; }
.menuSubBtn > a.btnMenuAll { width:37px; height:37px; background:url("/portal/common/images/btn_menuAll.gif") left top no-repeat; text-indent:-999px; overflow:hidden; }
.menuSubBtn > a.btnMenuAll.menuClose { background:url("/portal/common/images/btn_menuAll_Close.gif") left top no-repeat; }

/*  mainImage  *******************************************************************************************************/
.mainImageOuter { width: 100%; background:#0b1635; }
.mainImageInner { position:relative; margin:0 auto; max-width:1160px; background:url("/portal/common/images/mainImageBg.jpg") repeat-y left top; height:auto; min-height:547px; } 
.mainImageInner:after { content:""; display:block; clear:both;}

.mainImageInner .anc {position:absolute; width:100%; top: 40%;z-index:999;} /* 2023.11.09 modify */
.mainImageInner .anc .ancL {position:absolute; left:20px;} 
.mainImageInner .anc .ancR {position:absolute; right:20px;}

.mainImageInner .control2 { position:absolute; top:10px; left:655px; width:30px; z-index:999;} /* 2023.11.09 modify */
.mainImageInner .control2 .pause { display:inline-block; width:28px; height:28px; background:url("/scourt/common/images/sbtn_player_stop.png") left top no-repeat; }
.mainImageInner .control2 .pause.stop { background:url("/scourt/common/images/sbtn_player_play.png") left top no-repeat; }

.mainImageInner .photo { float:left; top:40px; width:60%; position:relative; left:0px; height:auto; overflow:hidden; }
.mainImageInner .photo .mainimg  { width:100%; height:auto;}
.mainImageInner .photo .slider{ height:auto; overflow:hidden;}
.mainImageInner .photo .ul{height:400px;}
.mainImageInner .photo li a:focus-visible{border:2px dotted red;}	/* 2023.11.08 add */



.mainImageInner .article { float:left; padding:40px 0px 0px 20px; width:38%; overflow:hidden; color:#ffffff; }
	.mainImageInner .article .title{height:50px;}
	.mainImageInner .title a { font-size:20px; color:#ffffff; }
	.mainImageInner .summary a { display:inline-block; padding-top:20px; font-size:16px; height:60px; line-height:24px; color:#ffffff; padding-bottom:30px; }


	/* quick close */
.mainImageInner .quickMenu.close { float:left; position:relative; left:20px; top:0px; width:37%; height: 192px; background:url("/portal/common/images/quickMenuBg.png") repeat left top; overflow:hidden}
.mainImageInner .quickMenu:after { content:""; display:block; clear:both; }
	
	.quickMenu .pcadd {background:url('/portal/common/images/pc.png') no-repeat 100px;}
	
	.quickMenu.close .btnOpen { position:absolute; left:0px; top:80px;  height:32px; } 
	.quickMenu.close .btnOpen .tit .quTit { display:none; }
	.quickMenu.close .title { display:none; }
	.quickMenu.close .list ul { margin-left:50px; }
	.quickMenu.close .list ul li { float:left; background:url("/portal/common/images/quickListBg.png") no-repeat right -20px; text-align:center; margin-left:5px; width:23%;}
	.quickMenu.close .list ul li.last { background:none; }
	.quickMenu.close .list ul li a { display:block; height:90px; font-size:13px; color:#fff; margin-bottom:5px;}
	.quickMenu.close .list ul li a span { display:inline-block; margin-top: 55px; line-height: 15px; }

	.quickMenu.close .list ul li.hid { display:none; }
	
	.quickMenu.close .list ul li a.q1 { background:url("/portal/common/images/quick01.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q2 { background:url("/portal/common/images/quick02.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q3 { background:url("/portal/common/images/quick03.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q4 { background:url("/portal/common/images/quick04.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q5 { background:url("/portal/common/images/quick05.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q6 { background:url("/portal/common/images/quick06.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q7 { background:url("/portal/common/images/quick07.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q8 { background:url("/portal/common/images/quick08.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q9 { background:url("/portal/common/images/quick09.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q10 { background:url("/portal/common/images/quick10.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q11 { background:url("/portal/common/images/quick11.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q12 { background:url("/portal/common/images/quick12.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q13 { background:url("/portal/common/images/quick13.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q14 { background:url("/portal/common/images/quick14.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q15 { background:url("/portal/common/images/quick15.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q16 { background:url("/portal/common/images/quick16.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q17 { background:url("/portal/common/images/quick17.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q18 { background:url("/portal/common/images/quick18.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q19 { background:url("/portal/common/images/quick19.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q20 { background:url("/portal/common/images/quick20.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q21 { background:url("/portal/common/images/quick21.png") no-repeat center 7px; }
	.quickMenu.close .list ul li a.q22 { background:url("/portal/common/images/quick22.png") no-repeat center 7px; }
	.quickMenu.close .quickClose { display:none; }

	/* quick open */
	.mainImageInner .quickMenu.open { position:absolute; left:0px; top:300px; margin-left:0px; /*width:430px;*/ width:100%; height: 192px; background:url("/portal/common/images/quickMenuBg.png") repeat left top; overflow:hidden; z-index:999;} /* 2023-11-16 modify */}
	.mainImageInner .quickMenu:after { content:""; display:block; clear:both; }
	
	.quickMenu.open .btnOpen { display:none; }
	.quickMenu.open .btnOpen .tit { display:none; }
	.quickMenu.open .title { display:none; background:url("/portal/common/images/quickTitleBg.jpg") no-repeat left top; float:left; height:192px; width:16%; }
	.quickMenu.open .title span { display:block; font-size:18px; color:#1ca4e6; margin: 80px 0px 0px 20px;  }
	.quickMenu.open .list ul { margin-left:0px; }
	.quickMenu.open .list ul li { float:left; background:url("/portal/common/images/quickListBg.png") no-repeat right -20px; text-align:center; width:7.6%;}
	.quickMenu.open .list ul li.last { background:none; }
	.quickMenu.open .list ul li a { display:block; /* width:90px; */ height:80px; font-size:13px; color:#fff; margin-top:5px; margin-bottom:5px;}
	.quickMenu.open .list ul li a span { display:inline-block; margin-top: 55px;  line-height: 15px;}
	.quickMenu.open .list ul li.etc {width:8.5% !important;}	
	
	.quickMenu.open .list ul li.hid { display:block; }
	.quickMenu.open .list ul li a.q1 { background:url("/portal/common/images/quick01.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q2 { background:url("/portal/common/images/quick02.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q3 { background:url("/portal/common/images/quick03.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q4 { background:url("/portal/common/images/quick04.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q5 { background:url("/portal/common/images/quick05.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q6 { background:url("/portal/common/images/quick06.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q7 { background:url("/portal/common/images/quick07.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q8 { background:url("/portal/common/images/quick08.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q9 { background:url("/portal/common/images/quick09.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q10 { background:url("/portal/common/images/quick10.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q11 { background:url("/portal/common/images/quick11.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q12 { background:url("/portal/common/images/quick12.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q12 span { margin-top:55px; width:75px;}
	.quickMenu.open .list ul li a.q13 { background:url("/portal/common/images/quick13.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q13 span { margin-top:55px; width:75px; }
	.quickMenu.open .list ul li a.q14 { background:url("/portal/common/images/quick14.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q14 span { }
	.quickMenu.open .list ul li a.q15 { background:url("/portal/common/images/quick15.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q16 { background:url("/portal/common/images/quick16.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q17 { background:url("/portal/common/images/quick17.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q18 { background:url("/portal/common/images/quick18.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q19 { background:url("/portal/common/images/quick19.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q20 { background:url("/portal/common/images/quick20.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q20 span { width:100px; }
	.quickMenu.open .list ul li a.q21 { background:url("/portal/common/images/quick21.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q21 span { width:85px; }
	.quickMenu.open .list ul li a.q22 { background:url("/portal/common/images/quick22.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q22 span { width:60px; }
	.quickMenu.open .list ul li a.q23 { background:url("/portal/common/images/quick23.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q24 { background:url("/portal/common/images/quick24.png") no-repeat center 7px; }
	.quickMenu.open .list ul li a.q25 { background:url("/portal/common/images/quick25.png") no-repeat center 13px; }
	.quickMenu.open .list ul li a.q26 { background:url("/portal/common/images/quick26.png") no-repeat center 13px; }
	.quickMenu.open .quickClose { position:absolute; right:0px; top:0px; }


/* newsArea  *******************************************************************************************************/
	
	.newsArea { max-width:1160px; margin:0 auto; /*margin-top:47px;*/}	
	.newsArea:after { content:""; display:block; clear:both; } 
	.newsArea > div { margin: 15px 1.5% 0 0; float:left; width:30%; border:1px solid #cfcfcf; padding:10px 9px 5px 9px;}
	.newsArea .news {max-height:390px; position:relative}
	.newsArea .pan {max-height:390px; position:relative}
	.newsArea .broad {max-height:390px; position:relative}
	.newsArea .x_mark{position:absolute;top:10px;right:10px}
	.newsArea .searchCourt {max-height:440px; min-height:440px;}
	.newsArea .searchIncident {max-height:440px; min-height:440px;}
	.newsArea .banner {max-height:440px; min-height:440px;}			
	.newsArea .courtNews {max-height:450px;min-height:460px;}			
	.newsArea .prime {max-height:460px;min-height:460px;}		
	.newsArea .newsletter {max-height:460px;min-height:460px;}	
	
	.newsArea .endRightPc {margin-right:0px}	
	.newsArea .logoDiv{border: 1px solid transparent; display:none}
	.newsArea .logoDivImg{width:90%; margin-top:10px}
	
	.newsArea .titleBox { margin-bottom:15px; min-height:20px }
	.newsArea .titleBox .boardName { float:left; font-size:20px; color:#e74e3f; max-width:270px;  }
	.newsArea .titleBox .more { float:right; }

	.newsArea .thumb { text-align:center; }
	.newsArea .article { margin-top: 15px;}
	
	.newsArea .article .title { font-size:16px; font-weight:bold; color:#474747; min-height:45px; margin:13px 0px; line-height:22px; }
	.newsArea .article .summary { font-size: 14px; color:#595959; line-height:24px; min-height:72px;}
	.newsArea .article .min { min-height:140px;}
	.newsArea .list .dotLine {  width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top;  margin:10px 0px; }
	.newsArea .list ul li {  padding-bottom:10px;}
	.newsArea .list ul li a { color:#595959; font-size:14px; }
	.newsArea .list ul li .date { display:inline-block; float:right; color:#8e8e8e; font-size:14px; }	
	.newsArea .searchIncident .searchMargin {position:position:relative;margin-top:33px;}
	.newsArea .searchIncident .myIncident {padding-bottom:15px;}

 
/* actionZone  *******************************************************************************************************/

	.searchCourt { margin-left:0px; height:450px;}
	.searchCourt { background:url("/portal/common/images/courtSearchBg.png") no-repeat center 110px;  height:410px; padding: 20px 9px 0px 9px; }
	.searchCourt .title { margin-top:90px; height:85px; color:#3d3d3d; font-size:22px; text-align:center; background:url("/portal/common/images/searchCourtTitleBg.png") no-repeat center top; line-height:140px;}
	.searchCourt .description { display:none; height:120px; text-align:center; font-size:16px; color:#000000; margin-top:40px;  line-height:26px;} 
	.searchCourt .courtForm { margin-top:40px; text-align:center; }
	.searchCourt .selCap { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:190px; }
	.searchCourt .selCourt { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px;}
	.searchCourt .courtGo { display:inline-block; width:65px; height:35px; background:#871517; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top;  margin-top:5px; }
	
	
	.searchCourt .searchIncident {padding:0px 15px;}
	.searchCourt .searchIncident .myIncident { margin-top:10px  }
	.searchCourt .searchIncident img { width:100%; max-width:369px; }
	.searchCourt .searchIncident .formCollect { margin-top:50px;}
	
	.banner { padding:10px 10px 30px 10px;  border:1px solid #cfcfcf; }
	.banner .banner_sub{width:103%;height:415px; background-color:#fff; border:1px solid #cfcfcf; margin-top:10px}
	.banner .titleBox { padding:20px 20px 10px 20px;  }
	.banner .titleBox:after { content:""; display:block; clear:both; }
	.banner .titleBox .title { float:left; font-size:22px; color:#3d3d3d; padding-top:5px; }
	.banner .titleBox .control { float:right;  width: 200px; text-align:right;}
	.banner .titleBox .control .num { font-size:18px; color:#595959; vertical-align:top; padding-right:10px; line-height:30px;}
	.banner .control .pause { display:inline-block; width:24px; height:26px; background:url("/portal/common/images/conPause.gif") left top no-repeat; }
	.banner .control .pause.stop { background:url("/portal/common/images/conPlay.gif") left top no-repeat; }
	.banner .bannerBox { text-align:center; padding:0px 10px;}
	.bannerBox .bannerWin { width:300px; height:300px;  position:relative; margin:0 auto; overflow:hidden;  padding:1px 1px 10px 1px;} /*2023.11.09 modify*/
	.bannerBox .bannerWin .bannerContainer { width: 300px; position:absolute; }
	.bannerBox .bannerWin .bannerContainer ul li { float:left; }

/* board  *******************************************************************************************************/
	.board { max-width:1160px; margin:0 auto; margin-top: 20px; }
	.board:after { content:""; display:block; clear:both; }
	.board > div { float:left; width:29%; height:auto; margin-left:20px; padding:35px 0px 35px 20px; }
	
	.courtNews .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;}
	.courtNews .titlebox p { margin:0px; padding:0px; }
	.courtNews .titlebox:after { content:""; display:block; clear:both; }
	.courtNews .titlebox .title  { float:left; font-size:20px; color:#3d3d3d; width:190px; }
	.courtNews .titlebox .more { float:right; width:30px;}
	.courtNews .article {   line-height:20px; }
	.courtNews .article:after { content:""; display:block; clear:both; }
	.courtNews .article .photo { width:100%; margin:0 auto; }
	.courtNews .article .photo img { width:100%; height:100%; }
	.courtNews .article .textbox { margin-top:20px; }
	.courtNews .article .textbox .title { float:left; font-size:16px; color:#666; font-weight:bold; margin:0px !important}
	.courtNews .article .textbox .date { float: right; font-size:14px; color:#646464; }
	.courtNews .article .textbox .text { font-size:14px; color:#575757; clear:both; padding-top:5px; height:76px; overflow:hidden; }
	.courtNews .article .moreArticle { display:block; float:right; text-align:center;  width:78px; background:#871517; height:26px; line-height:26px; padding:0 10px; margin-top:5px; font-size:12px; color:#fff;  }
	
	.newsletter { text-align:center; height:450px; }
	.newsletter a { display:block; margin-bottom:20px; }	
	
	.prime .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;}
	.prime .titlebox p { margin:0px; padding:0px; }
	.prime .titlebox:after { content:""; display:block; clear:both; }
	.prime .titlebox .title  { float:left; font-size:20px; color:#3d3d3d; width:190px; }
	.prime .titlebox .more { float:right; width:30px;}
	
	/*.prime .article { margin-top:20px; background:#f5f5f5; padding:20px 10px; font-size:14px; color:#575757; line-height:26px; height:auto; max-height:420px }
	*/
	.prime .article { min-height:395px;  padding:10px 10px 20px 10px;}
	.prime .article .title {font-size:16px;font-weight:bold}
	.prime .article .topDiv {line-height:1.6; min-height:100px;}
	.prime .article:after { content:""; display:block; clear:both; }
	.prime .article .black { color:#000; }
	
	/*
	.prime .article .list .dotLine {  width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top;  margin:25px 0px; }
	.prime .article .list ul li {  padding-bottom:15px; }
	.prime .article .list ul li a { color:#595959; font-size:14px; }
	.prime .article .list ul li .date { display:inline-block; float:right; color:#8e8e8e; font-size:12px; }
	*/
	
	.prime .moreArticle { display:block; float:right; text-align:center;  width:78px; background:#871517; height:26px; line-height:26px; padding:0 10px; margin-top:5px; font-size:12px; color:#fff;  }



/* footer  *******************************************************************************************************/
.footerOut { width:100%; padding-bottom:20px; position:relative; margin-top:40px;background-color:#1b2934; height:210px}

	
	/* linkLine  */
	.linkLineOut { height:42px; width:100%; background:#0d1820; border-bottom:1px solid #2e373e; clear:both; }
	.linkLineIn { max-width:1160px; margin:0 auto; position:relative; }
	.linkLineIn:after { content:""; display:block; clear:both; }
	
	.linkLineIn .footsns { float:left; }
	.linkLineIn .footsns ul {  padding:0px; margin:0px; margin-top:8px; }
	.linkLineIn .footsns ul:after { content:""; display:block; clear:both; }
	.linkLineIn .footsns ul li { float:left; margin-right:7px;}
	.linkLineIn .footsns ul li a { display:inline-block; width:24px; height:24px; overflow:hidden;}
	.linkLineIn .footsns .facebook { background:url("/supreme/common/images/icon_facebook.gif") left top no-repeat; }
	.linkLineIn .footsns .facebook:hover { background:url("/supreme/common/images/icon_facebook.gif") left -25px no-repeat; }
	.linkLineIn .footsns .twitter { background:url("/supreme/common/images/icon_twitter.gif") left top no-repeat; }
	.linkLineIn .footsns .twitter:hover { background:url("/supreme/common/images/icon_twitter.gif") left -25px no-repeat; }
	.linkLineIn .footsns .youtube { background:url("/supreme/common/images/icon_youtube.gif") left top no-repeat; }
	.linkLineIn .footsns .youtube:hover { background:url("/supreme/common/images/icon_youtube.gif") left -25px no-repeat; }
	.linkLineIn .footsns .instagram { background:url("/supreme/common/images/icon_insta.gif") left top no-repeat; }
	.linkLineIn .footsns .instagram:hover { background:url("/supreme/common/images/icon_insta.gif") left -25px no-repeat; }
	.linkLineIn .footsns .naverblog { background:url("/supreme/common/images/icon_naver.gif") left top no-repeat; }
	.linkLineIn .footsns .naverblog:hover { background:url("/supreme/common/images/icon_naver.gif") left -25px no-repeat; }
	.linkLineIn .footsns .daumblog { background:url("/supreme/common/images/icon_daum.gif") left top no-repeat; }
	.linkLineIn .footsns .daumblog:hover { background:url("/supreme/common/images/icon_daum.gif") left -25px no-repeat; }
	.linkLineIn .footsns .kakao { background:url("/supreme/common/images/icon_kakao.gif") left top no-repeat; }
	.linkLineIn .footsns .kakao:hover { background:url("/supreme/common/images/icon_kakao.gif") left -25px no-repeat; }
	
	.linkLineIn .linkCourt { float:right; margin-right:130px;}
	.linkLineIn .linkCourt > a { display:inline-block; border-left:1px solid #2e373e; border-right:1px solid #2e373e; color:#fff; font-size:14px; line-height:42px; height:42px; padding-left:20px; padding-right:45px; background:#0d1820 url("/portal/common/images/down.png") right 15px no-repeat; }
	.linkLineIn .linkCourt > a.on { background:#1b2934 url("/portal/common/images/up.png") right 15px no-repeat; }
	
	.linkContentOut { background:#1b2934; clear:both; }
	.linkContentOut .courtList { max-width:1160px; margin:0 auto; display:none; text-align:center;}
	.linkContentOut .courtList.vis { display:block; }
	.linkContentOut .courtList:after { content:""; display:block; clear:both;}
	.linkContentOut .courtList ul { float:left; width:14%; border-left:1px solid #2e373e; padding:10px 0px; height:100%;}
	.linkContentOut .courtList ul:after { content:""; display:block; clear:both;  }
	.linkContentOut .courtList ul li { padding:5px 20px 5px 30px; text-align:left; }
	.linkContentOut .courtList ul li a { color:#d1d4d6; }
	
	.linkLineIn .linkSystem { position:absolute; right:0; top:0; }
	.linkLineIn .linkSystem > a { display:inline-block; border-right:1px solid #2e373e; color:#fff; font-size:14px; line-height:42px; height:42px; padding-left:20px; padding-right:45px; background:#0d1820 url("/portal/common/images/down.png") right 15px no-repeat; }
	.linkLineIn .linkSystem > a.on { background:#1b2934 url("/portal/common/images/up.png") right 15px no-repeat; }
	.linkLineIn .linkSystem .linkList { display:none; }
	
	.linkContentOut {/* background:#1b2934; clear:both; */ postion:relative}
	.linkContentOut .systemList { max-width:1160px; margin:0 auto; display:none; text-align:center;}
	.linkContentOut .systemList.vis { display:block; }
	.linkContentOut .systemList:after { content:""; display:block; clear:both;}
	.linkContentOut .systemList ul { padding:10px 0px; }
	.linkContentOut .systemList ul li { float:left; padding:5px 20px 5px 30px; width:12%; border-left:1px solid #2e373e; text-align:left;}
	.linkContentOut .systemList ul li a { color:#d1d4d6; }
	
	.sitemapOut { background:#0d1820; clear:both; }
	.sitemapOut:after { content:""; display:block; clear:both; }
	.sitemapOut .sitemapIn { max-width:1160px; margin:0 auto; }
	.sitemapOut .sitemapIn ul { float:left; width:16%; padding:10px 0px 20px 0px; }
	.sitemapOut .sitemapIn ul li div { padding:10px 0px; font-size:14px; color:#8dabc3; text-align:left; }
	.sitemapOut .sitemapIn ul li { padding:5px 10px 5px 10px; text-align:left;}
	.sitemapOut .sitemapIn ul li a { color:#cfd1d2; font-size:13px; }

	/* // linkLine  */

	

	.footerOut .footerIn { max-width:1160px; margin:0 auto; padding-top:20px; clear:both;}
	.footerOut .footerIn:after { content:""; display:block; clear:both; }
	
	.footerIn .footerLogo { float:left; width:190px; }
	.footerIn .copybox { float:left; width:70%; }
	.footerIn .certi { float:left; }
	
	/* copybox  */
	.footerIn .copybox { margin-left:20px; }
	.footerIn .copybox .footerLink:after { content:""; display:block; clear:both; }
	.footerIn .copybox .footerLink ul li { float:left; }
	.footerIn .copybox .footerLink ul li a { font-size:13px; color:#0d1820;}
	.footerIn .copybox .footerLink ul li span { font-size:13px; color:#0d1820; padding: 0 10px; }

	.footerIn .copybox .address { font-size:12px; color:#0d1820; margin-top:10px;}
	.footerIn .copybox .tel { font-size:12px; color:#0d1820;  margin-top:5px; }
	.footerIn .copybox .copyright { font-size:12px; color:#0d1820; margin-top:2px; } 
	
	.footerIn .certi { float:right; }
	.footerIn .certi img {  margin-right:20px;}

	.footerIn .certi .selCou { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px; }
	.footerIn .certi .siteGo { display:inline-block; padding:0 5px; height:37px; background:#36536a; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top;  margin-top:5px; margin-left:3px; }


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

/* sns */
.naviOut { width:100%; height:45px; border-bottom:1px solid #ebebeb; }
.naviIn { max-width:1160px; position:relative; margin:0 auto; }
.naviIn:after { content:""; display:block; clear:both; }

.navibox { height:44px; float:right; }
.navibox div { float:left; }

.navibox div span { padding-right:10px; }
.navibox .home { display:inline-block; font-size:14px; line-height:40px; color:#656565; background:url("/portal/common/images/homeIcon.png") left 15px no-repeat; padding-left:25px; padding-right:10px; height:44px; }
.navibox .midNavi { display:inline-block; font-size:14px; line-height:40px; color:#656565; padding-right:10px; height:44px; }
.navibox .spot { display:inline-block; font-size:14px; line-height:40px; color:#15528e; padding-right:30px; height:44px; }

.navibox .sns > a {margin-top:5px; margin-right:5px; display:inline-block; text-indent:-999px; padding:0px;  overflow:hidden; width:30px; height:29px; border:1px solid #cccccc; background:#f3f3f3 url("/portal/common/images/snsIconOff.png") 5px 6px no-repeat;}
.navibox .sns.on > a {background:#0d3151 url("/portal/common/images/snsIconOn.png") 5px 6px no-repeat;}
.navibox .print > a { margin-top:5px; margin-right:5px; display:inline-block; text-indent:-999px; padding:0px;  overflow:hidden; width:30px; height:29px; border:1px solid #cccccc; background:#f3f3f3 url("/portal/common/images/printIcon.png") 5px 6px no-repeat; }

.snsBox { display:none; }
.snsBox.on { display:block; position:absolute; right:0px; top:45px; z-index:10; padding:4px; background:url("/portal/common/images/snsBoxBg.gif") left top repeat; }
.snsBox.on .snsBoxIn { background:#fff; padding:15px; }
.snsBox.on .snsBoxIn > span { display:inline-block; font-size:14px; color:#0d3151; vertical-align:top; margin:7px 5px 0px 0px;}
.snsBox.on .snsBoxIn > a { margin-left:3px; }

/* subContainer */
.subContainer { max-width:1160px; margin:0 auto;  }
.subContainer:after { content:""; display:block; clear:both; }  
.subContainer > div { float:left; }
.subContainer > div:after { content:""; display:block; clear:both; }

	/* lnb  */
	.subContainer .lnb {float:left; background:#f8f8f8;  /* width:225px; */  width:20%; }
	.lnb .lnbTitle { font-size:28px; color:#fff; height:75px; background:url("/portal/common/images/lnbTitleBg.gif") no-repeat right top; }
	.lnb .lnbTitle > span {  display:block; padding:23px 0px 0px 40px; }
	
	.lnb .dep2 > li > a {  display:block; color:#636363; font-size:16px; padding:15px 3px 15px 20px; border-bottom:1px solid #d6dce3; border-right:1px solid #d6dce3; border-left:1px solid #d6dce3; }
	.lnb .dep2 > li > a.selected { color:#fff; background:#193e63; border-bottom:1px solid #d6dce3; border-right:1px solid #d6dce3; border-left:1px solid #d6dce3;}
	.lnb .dep2 > li > a.hasDep3 { background:url("/portal/common/images/lnbPlus.png") right 18px no-repeat; }
	.lnb .dep2 > li > a.hasDep3.selected { background:#193e63 url("/portal/common/images/lnbMinus.png") right 18px no-repeat; }
	.lnb .dep2 > li > a.hasDep3.open { background: url("/portal/common/images/lnbMinus2.png") right 18px no-repeat; }

	.lnb .dep3 { display:none; border-right:1px solid #d6dce3; border-left:1px solid #d6dce3; border-bottom:1px solid #d6dce3; padding:15px 0; }
	.lnb .dep3 > li > a { display:block; font-size:14px; color:#555555; padding:8px 0px 8px 40px; background:url("/portal/common/images/lnbDep3Dot.png") left 13px no-repeat;}
	.lnb .dep3 > li > a.selected { color:#e74e3f; }
	.lnb .dep3.vis { display:block; }


	/* content */
	.subContainer .content { float:right;  width:77%; padding-left:3%; }
	.subContainer .content.content100p { width:100%; }

		.content .conTitle { font-size:30px; color:#474747; padding:18px 0px; border-bottom:1px solid #e7e7e7; width:100%; float:none;} /* 2023.11.07 modify */
		
		
		/* result  */
		.contentIn .tableResult { padding-top:20px; }
		.contentIn .tableResult:after { content:""; display:block; clear:both; }
		.contentIn .tableResult .result { float:left; margin-top:15px; font-weight:bold; color:#222222; }
		.contentIn .tableResult .tableSearch { float:right; }
		.contentIn .tableResult .tableSearch span { padding:0px 2px 0px 5px;}
		
		
		/* tableHor  */
		.contentIn .tableHor { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;}
		.contentIn .tableHor th { background:#f3f3f3; font-size:14px;  border-bottom:1px solid #dbdbdb; padding:13px; vertical-align:middle;}
		.contentIn .tableHor tr { border-bottom:1px solid #dbdbdb; }
		.contentIn .tableHor tr td { text-align:center; font-size:14px; padding:13px 5px; background:#fff; vertical-align:middle; line-height:18px; }
		.contentIn .tableHor tr td.subTitle { background:#f3f3f3; }
		.contentIn .tableHor tr td.tit { text-align:left; padding-left:20px; }
		.contentIn .tableHor tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; }
		.contentIn .tableHor tr td.attach { vertical-align:middle; }
		.contentIn .tableHor tr td .cover { display:inline-block; hegiht:100px; }
		.contentIn .tableHor tr td .cover img { width:100px;    }
		
		/* tableHorV  */
		.contentIn .tableHorV { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;}
		.contentIn .tableHorV th { background:#edf3f8; font-size:14px;  border:1px solid #dbdbdb; padding:13px; vertical-align:middle; text-align:center;}
		.contentIn .tableHorV tr { border-bottom:1px solid #dbdbdb; }
		.contentIn .tableHorV tr td { text-align:center; font-size:14px; padding:13px 5px; border:1px solid #dbdbdb;  vertical-align:middle; background:#fff; line-height:11px; }
		.contentIn .tableHorV tr td.subTitle { background:#f3f3f3; }
		.contentIn .tableHorV tr td.tit { text-align:left; padding-left:20px; line-height:18px;}
		.contentIn .tableHorV tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; }
		.contentIn .tableHorV tr td.attach { vertical-align:middle; }
		

		/* tableVer */
		.contentIn .tableVer { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;}
		.contentIn .tableVer th { background:#f3f3f3; border-bottom:1px solid #dbdbdb; padding:13px; vertical-align:middle; min-width:80px; }
		.contentIn .tableVer td {  border-bottom:1px solid #dbdbdb; padding:13px 5px; background:#fff; vertical-align:middle; line-height:18px;}
		.contentIn .tableVer td.attTxt a { color:#e84c3d; text-decoration:underline;  }
		.contentIn .tableVer td.contArea { line-height: 24px; }
		.contentIn .tableVer td.t_prev { background:#f3f3f3 url("/portal/common/images/t_prev.gif") right center no-repeat; padding-right:40px; width:28% }
		.contentIn .tableVer td.t_next { background:#f3f3f3 url("/portal/common/images/t_next.gif") right center no-repeat; padding-right:40px; width:28%}
		.contentIn .tableVer th.t_prev { background:#f3f3f3 url("/portal/common/images/t_prev.gif") right center no-repeat; padding-right:40px; width:28% }
		.contentIn .tableVer th.t_next { background:#f3f3f3 url("/portal/common/images/t_next.gif") right center no-repeat; padding-right:40px; width:28%}
		.contentIn .tableVer tr td.subTitle { background:#f3f3f3; }
		.contentIn .tableVer tr td.tit a:hover, .content .boardView tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; }
		.contentIn .tableVer tr td span { padding: 0px 5px; }
		
		/* viewBox */
		.contentIn .viewBox { border:1px solid #d1d4da; border-top:3px solid #535353; margin-top:20px;  }
		.contentIn .viewBox .titleBox {  background:url("/portal/common/images/titleBoxBg.gif") left top repeat; padding:20px; }
		.contentIn .viewbox .titleBox .titleBoxIn:after { content:""; display:block; clear:both; }
		.contentIn .viewBox .titleBox .titleBoxIn .title { font-size:22px; color:#383838; float:left; line-height:28px;}
		.contentIn .viewBox .titleBox .titleBoxIn .file {  float:right; padding-top:10px; }
		.contentIn .viewBox .titleBox .titleBoxIn .file a { display:inline-block; height:20px; line-height:20px; font-size:12px; color:#e84c3d; text-decoration:underline; background:url("/portal/common/images/attfile.gif") left top no-repeat; padding-left:25px; }
		.contentIn .viewBox .titleBox .subTitle { clear:both;  padding-top: 20px; }
		.contentIn .viewBox .titleBox .subTitle .date { background:url("/portal/common/images/iconCal.png") left top no-repeat; font-size:14px; color:#6b7174; padding-left: 20px; }
		.contentIn .viewBox .titleBox .subTitle .writer { background:url("/portal/common/images/iconWriter.png") left top no-repeat; font-size:14px; color:#6b7174; padding-left: 20px; margin-left:20px; }
		
		.contentIn .viewBox .contentBox { padding:20px; font-size:14px; color:#222222; line-height:18px; }
		.contentIn .viewBox img { padding:10px;  width:100%; max-width:570px; }

		/* nextPhotoList */
		.contentIn .nextPhotoList { margin-top:40px; border-top:1px solid #535353; border-bottom:1px solid #d1d4da; }
		.contentIn .nextPhotoList ul { margin:15px 0px; width:100%; text-align:center;}
		.contentIn .nextPhotoList ul li { display:inline-block; border:1px solid #d1d4da; padding:1%; margin:0px 1%; width:20%; }
		.contentIn .nextPhotoList ul li img { width:100%; }
		.contentIn .nextPhotoList ul li .title { text-align:left; margin:10px 0px; height:13px; }
		.contentIn .nextPhotoList ul li .title a { font-size:13px; color:#222222; }
		.contentIn .nextPhotoList ul li .date { text-align:left; font-size:12px; color:#6b7174; }
		
		/* gallery */
		.contentIn .gallery { border-bottom:1px solid #d1d4da; margin-top:40px; padding-bottom:25px;  }
		.contentIn .gallery ul { text-align:center; }
		.contentIn .gallery ul:after { content:""; display:block; clear:both; }
		.contentIn .gallery ul li { display:inline-block; border:1px solid #d1d4da; width:15%; padding:8px; margin:15px 6px; vertical-align:top;}
		.contentIn .gallery ul li .galleryImg { display:block; text-align:center; padding-bottom:8px; }
		.contentIn .gallery ul li .galleryImg img { width:100%;  }
		.contentIn .gallery ul li .title { display:block; font-size:12px; color:#222222; margin-top:5px; }
		.contentIn .gallery ul li .pdf { display:block; width:50px;  margin:0 auto; margin-top:5px; }
		
		/* bookGallery */
		.contentIn .bookGallery { border-bottom:1px solid #d1d4da; margin-top:30px; padding-bottom:25px;  }
		.contentIn .bookGallery ul { text-align:center; }
		.contentIn .bookGallery ul:after { content:""; display:block; clear:both; }
		.contentIn .bookGallery ul li { display:inline-block; width:18%; padding:8px; margin:15px 1%; text-align:center; }
		.contentIn .bookGallery ul li .galleryImg { display:inline-block; margin:0 auto;  background:url("/portal/common/images/bookbg.png") left top no-repeat; }
		.contentIn .bookGallery ul li .galleryImg img { margin:5px; width:100%; max-width:120px; }
		.contentIn .bookGallery ul li .title { display:block; font-size:14px; color:#222222; text-align:center; margin-top:5px; line-height:18px; }
		
		/* tab  */
		.contentIn .tab { margin-top: 20px; }
		.contentIn .tab .tabTitle { background:url("/portal/common/images/tabBg.gif") left bottom repeat-x; }
		.contentIn .tab .tabTitle:after { content:""; display:block; clear:both; }
		.contentIn .tab .tabTitle li.first { border-left:1px solid #c9c9c9; }
		.contentIn .tab .tabTitle li { float:left; cursor:pointer;  padding:15px 40px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
		.contentIn .tab .tabTitle li.active { color:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; }
		
		.contentIn .tab .tabContents { border:1px solid #c9c9c9; border-top:none; padding:15px;  }
		.contentIn .tab .tabContents .tabContent { display:none; }
		.contentIn .tab .tabContents .tabContent.active { display:block; }
		
		/* subTab  */
		.contentIn .subTab { margin-top: 20px; }
		.contentIn .subTab .subTabTitle { background:url("/portal/common/images/tabBg.gif") left bottom repeat-x; }
		.contentIn .subTab .subTabTitle:after { content:""; display:block; clear:both; }
		.contentIn .subTab .subTabTitle li.first { border-left:1px solid #c9c9c9; }
		.contentIn .subTab .subTabTitle li { float:left; cursor:pointer;  padding:15px 40px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
		.contentIn .subTab .subTabTitle li.active { color:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; }
		
		.contentIn .subTab .subTabContents { border:1px solid #c9c9c9; border-top:none; padding:20px;  }
		.contentIn .subTab .subTabContents .subTabContent { display:none; }
		.contentIn .subTab .subTabContents .subTabContent.active { display:block; }
		
		/* tabSec */
		.contentIn .tabSec { margin-top: 20px; }
		.contentIn .tabSec .tabTitle { background:url("/portal/common/images/tabBg.gif") left bottom repeat-x; }
		.contentIn .tabSec .tabTitle:after { content:""; display:block; clear:both; }
		.contentIn .tabSec .tabTitle li.first { border-left:1px solid #c9c9c9; }
		.contentIn .tabSec .tabTitle li { float:left; cursor:pointer;  padding:15px 40px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
		.contentIn .tabSec .tabTitle li.active { color:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; }
		
		.contentIn .tabSec .tabContents { border:1px solid #c9c9c9; border-top:none; padding:20px;  }
		.contentIn .tabSec .tabContents .tabContent { display:none; }
		.contentIn .tabSec .tabContents .tabContent.active { display:block; }
		
		/* calendar  */
		.contentIn .calendar { margin-top:20px; }
		.contentIn .calendar .top { background:url("/portal/common/images/calBg.gif") left top repeat; color:#fff; text-align:center; padding: 8px; position:relative; }
		.contentIn .calendar .top .year { display:inline-block; font-size:18px; vertical-align:middle; margin-top:3px; margin-right: 5px;  }
		.contentIn .calendar .top .month { display:inline-block; font-size:24px; }
		.contentIn .calendar .top .calL { position:absolute; left: 15px; top: 10px; display:block; width:13px; height:18px; background:url("/portal/common/images/cal_left.png") left top no-repeat; text-indent:-999px; overflow:hidden; }
		.contentIn .calendar .top .calR { position:absolute; right:15px; top: 10px; display:block; width:13px; height:18px; background:url("/portal/common/images/cal_right.png") left top no-repeat; text-indent:-999px; overflow:hidden; }
		
		.contentIn .calendar table { width:100%; }
		.contentIn .calendar table th { border:1px solid #dbdbdb; width:14%;  background:#dfe8f0; text-align:center;  padding:15px 0px; font-size:14; color:#222222;}
		.contentIn .calendar table td { border:1px solid #dbdbdb; padding:5px 10px; height:100px; font-size:14px; }
		.contentIn .calendar table td p { padding-top:3px;}
		.contentIn .calendar table td p span { display:inline-block; padding-right:5px; font-size:13px; }
		.contentIn .calendar table td .red { color:#d73323; }
		.contentIn .calendar table td .blue { color:#0897ca; }
		
		/* btnBox */
		.contentIn .btnBox { margin-top:20px; text-align:right; }
		
		/* pagelist */
		.contentIn .pagelist {  width:100%; text-align:center; margin-top:30px; }
		.contentIn .pagelist a.next2 { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext2.gif") 10px 10px no-repeat;  width:26px; height:26px;}
		.contentIn .pagelist a.next { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext.gif") 10px 10px no-repeat;  width:26px; height:26px;}
		.contentIn .pagelist a.prev { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev2.gif") 10px 10px no-repeat;  width:26px; height:26px;}
		.contentIn .pagelist a.prev2 { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev.gif") 10px 10px no-repeat;  width:26px; height:26px;}
		.contentIn .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; }
		.contentIn .pagelist a.selected { background:#535353; color:#fff; }
		.contentIn .pagelist a.selected:hover { color:#fff; }
		.contentIn .pagelist a:hover, .content .pagelist a:active { color:#0057a1; font-weight:bold; text-decoration:underline;}
		
		/* map */
		.contentIn .map { border:1px solid #bdbdbd; margin-top:10px; }
		.contentIn .map:after { display:block; content:""; clear:both; }
		.contentIn .map div.mapView { float:left; }
		
		.contentIn .map .mapView { width:265px; height:458px; position:relative; background:url("/portal/common/images/map_bg.jpg") left top no-repeat;}
		.contentIn .map .mapView ul li { position:absolute; }
		.contentIn .map .mapView ul li a { display:block; width:36px; height:19px; overflow:hidden; text-indent:-999px;}
		
		.contentIn .map .mapView li.Uijeongbu {left:67px; top:62px; background:url("/portal/common/images/icon_notiDisclose_Uijeongbu_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Uijeongbu:hover {background:url("/portal/common/images/icon_notiDisclose_Uijeongbu_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Incheon {left:18px; top:91px; background:url("/portal/common/images/icon_notiDisclose_Incheon_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Incheon:hover {background:url("/portal/common/images/icon_notiDisclose_Incheon_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Seoul {left:85px; top:96px; background:url("/portal/common/images/icon_notiDisclose_Seoul_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Seoul:hover {background:url("/portal/common/images/icon_notiDisclose_Seoul_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Chuncheon {left:132px; top:75px; background:url("/portal/common/images/icon_notiDisclose_Chuncheon_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Chuncheon:hover {background:url("/portal/common/images/icon_notiDisclose_Chuncheon_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Suwon {left:77px; top:126px; background:url("/portal/common/images/icon_notiDisclose_Suwon_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Suwon:hover {background:url("/portal/common/images/icon_notiDisclose_Suwon_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Daejeon {left:73px; top:194px; background:url("/portal/common/images/icon_notiDisclose_Daejeon_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Daejeon:hover {background:url("/portal/common/images/icon_notiDisclose_Daejeon_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Cheongju {left:128px; top:180px; background:url("/portal/common/images/icon_notiDisclose_Cheongju_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Cheongju:hover {background:url("/portal/common/images/icon_notiDisclose_Cheongju_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Jeonju {left:79px; top:243px; background:url("/portal/common/images/icon_notiDisclose_Jeonju_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Jeonju:hover {background:url("/portal/common/images/icon_notiDisclose_Jeonju_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Changwon {left:169px; top:264px; background:url("/portal/common/images/icon_notiDisclose_Changwon_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Changwon:hover {background:url("/portal/common/images/icon_notiDisclose_Changwon_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Daegu {left:180px; top:221px; background:url("/portal/common/images/icon_notiDisclose_Daegu_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Daegu:hover {background:url("/portal/common/images/icon_notiDisclose_Daegu_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Gwangju {left:68px; top:299px; background:url("/portal/common/images/icon_notiDisclose_Gwangju_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Gwangju:hover {background:url("/portal/common/images/icon_notiDisclose_Gwangju_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Pusan {left:193px; top:297px; background:url("/portal/common/images/icon_notiDisclose_Pusan_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Pusan:hover {background:url("/portal/common/images/icon_notiDisclose_Pusan_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Ulsan {left:224px; top:255px; background:url("/portal/common/images/icon_notiDisclose_Ulsan_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Ulsan:hover {background:url("/portal/common/images/icon_notiDisclose_Ulsan_on.png") left top no-repeat;}
		.contentIn .map .mapView li.Jaeju {left:67px; top:400px; background:url("/portal/common/images/icon_notiDisclose_Jaeju_off.png") left top no-repeat;}
		.contentIn .map .mapView li.Jaeju:hover {background:url("/portal/common/images/icon_notiDisclose_Jaeju_on.png") left top no-repeat;}
		
		.contentIn .map div.listView { float:right; width:38%; border-left:1px solid #bdbdbd;}
		.contentIn .map .listView .mapTitle { background:#e1e1e1; font-size:18px; color:#333; text-align:center; padding:10px; }
		.contentIn .map .listView ul { overflow-y:scroll; height:421px; background:#e1e1e1; }
		.contentIn .map .listView ul li { float:none; border-bottom:1px solid #bdbdbd;  padding-left:10px; background:#fff;}
		.contentIn .map .listView ul li a { display:block;  padding:10px 5px; font-size:14px;  }
		
		/* bannerHor2 */
		.contentIn .bannerHor2 ul { margin:10px auto; }
		.contentIn .bannerHor2 ul:after { content:""; display:block; clear:both; }
		.contentIn .bannerHor2 ul li { float: left; margin:0px 1%; width:46%; }
		.contentIn .bannerHor2 ul li img { width:inherit; max-width:100%;}
		
		/* slideCont */
		.contentIn .slideCont { margin-top:20px; }
		.contentIn .slideCont ul li { border-bottom:1px solid #d1d4da; }
		.contentIn .slideCont .tit {display:block; background:url("/portal/common/images/slide_bul_n.png") 10px 8px no-repeat; padding:10px 5px 10px 40px; font-size:14px; }
		.contentIn .slideCont .tit.open { color:#42689c; background:url("/portal/common/images/slide_bul_o.png") 10px 8px no-repeat; }
		.contentIn .slideCont ul li div { display:none; padding:10px;}
		.contentIn .slideCont ul li div.sub { display:block; }
		
		
		/* programBox */
		.contentIn .programCon { text-align:left; }
		.contentIn .programBox { position:relative; float:left; display:inline-block; border: 1px solid #b9b9b9; height: 300px; min-height:180px; width:30%; margin:0px 1%; margin-top:15px; }
		.contentIn .programTitle01 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle01.jpg") right top no-repeat; }
		.contentIn .programTitle01 a { font-size:18px; color:#fff; }
		.contentIn .programTitle02 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle02.jpg") right top no-repeat; }
		.contentIn .programTitle02 a { font-size:18px; color:#fff; }
		.contentIn .programTitle03 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle03.jpg") right top no-repeat; }
		.contentIn .programTitle03 a { font-size:18px; color:#fff; }
		.contentIn .programTitle04 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle04.jpg") right top no-repeat; }
		.contentIn .programTitle04 a { font-size:18px; color:#fff; }
		.contentIn .programTitle05 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle05.jpg") right top no-repeat; }
		.contentIn .programTitle05 a { font-size:18px; color:#fff; }
		.contentIn .programBox .detailViewBtn {display:block; position:absolute; right:0px; bottom:0px; padding-top:10px; padding-bottom:10px;}
		
		/* photo */
		.contentIn .photo {  padding-bottom:10px;  }
		.contentIn .photo ul { text-align:center; }
		.contentIn .photo ul:after { content:""; display:block; clear:both; }
		.contentIn .photo ul li { display:inline-block; border:1px solid #d1d4da; width:19%; padding:8px; margin:15px 8px; }
		.contentIn .photo ul li .photoImg { display:block; text-align:center; padding-bottom:8px; }
		.contentIn .photo ul li .photoImg img { width:100%; max-width:170px; max-height:114px; }
		.contentIn .photo ul li .title { display:block; font-size:14px; color:#222222; margin-top:5px; height:20px; overflow:hidden; line-height:20px; }
		.contentIn .photo ul li .date { font-size:12px; color:#6b7174; height:20px; overflow:hidden; line-height:20px;}
		
		/* banner */
		.contentIn .bannerPage { position:relative; width:590px; height:235px; margin-top:25px;}
		.contentIn .bannerPage .linkImg { position:absolute; width:215px; height:155px; left:20px; top:60px; }
		.contentIn .bannerPage .linktext { position:absolute; width:285px; height: 80px; left:256px; top:60px; }
		.contentIn .bannerPage .link1 { position:absolute; width:52px; height:48px; left:256px; top:152px; }
		.contentIn .bannerPage .link2 { position:absolute; width:52px; height:48px; left:333px; top:152px; }
		.contentIn .bannerPage .link3 { position:absolute; width:52px; height:48px; left:410px; top:152px; }
		.contentIn .bannerPage .link4 { position:absolute; width:52px; height:48px; left:487px; top:152px; }
		
		.contentIn .viewBox .contentBox .movieArea { display:inline-block; width:65%; height:340px;  } /* 2022.02.23 */
		
		/* searchResult */
		.searchResult { width:100%; }
		.searchResult .conTitle { font-size:30px; color:#474747; padding:23px 0px; border-bottom:1px solid #e7e7e7; }
		.searchResult .titleBox { font-size:18px; color:#565656; border-bottom:1px solid #535353; margin:20px 0px 10px 0px; padding-bottom:5px; }
		.searchResult .titleBox .cate { font-size:20px; color:#0057a1; }
		.searchResult .subTitle { font-size:14px; color:#222222; padding:20px 0px 10px 0px;}
		.searchResult .searchCont { font-size:14px; color:#565656; line-height:20px; }
		
		.useStep01 { max-width:100%; width:inherit; }
		.verTop { vertical-align:top; }
		.verMiddle { vertical-align:middle; }
		.verBottom { vertical-align:bottom; }
		.lineHeight30 { line-height:30px;}
		
		/* peruse */
		.peruseInfo { position:relative; margin:0 auto;  max-width:480px; height:auto; min-height:450px; background: url("/portal/common/images/peruse_bg.jpg") no-repeat; }
		.peruseInfo p { padding:9%; line-height:20px; color:#000; font-size:14px;}
/* //subContainer */

/* 2022.07.07 »ç¹ý¿¬°¨Åë°è »ó¼¼¼³¸í¿ë start */
.popupT{display:none; position:absolute; top:50%; left:50%; background-color:#FFF; width:490px; margin-left:-245px; margin-top:-100px;z-index:9999;
			border:1px solid #ccc; min-height:100px;}
.popupT h1{margin:0;padding:20px 15px 20px 15px;background:#3377ab url(/welfare/images/popup_titlebg.gif) no-repeat 99% bottom;font-family:³ª´®°íµñ;font-size:16px;color:#fff;}
.popupT_con{height:400px;padding:20px;background:#fff;border:5px solid #3377ab;line-height:1.4;text-align:justify;word-break:break-all;}
.popupT a.closeBtn { position:absolute; right:20px; top:410px; margin:0;}
.popupT_con li{margin-left:-45px; padding:5px 0 5px 16px; background:url(/welfare/images/popup_icon.gif) no-repeat 4px 8px;}
.popupT_con ul.popup_list01{}
.popupT_con ul.popup_list01 li{margin-left:-45px; padding:2px 0 2px 12px; background:url(/welfare/images/popup_icon01.png) no-repeat 3px 5px;}
/* 2022.07.07 »ç¹ý¿¬°¨Åë°è »ó¼¼¼³¸í¿ë end */


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



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

@media all and (min-width:1px) and (max-width:767px) {
	
	.top_btn {display:block}
	/*background*/
	.newsArea > .backg{background: url(/portal/common/images/actionZoneBg.gif) repeat left top; border:1px solid #cfcfcf;}
	.mainImageInner .anc {display:none;}
	
	/*absolute*/
	.portalAb{display:none}
	.searchCourt{display:none}
	.formCollect{display:none}
	.searchIncident{display:none}
	a.btnGo{display:none}
	.thumb {display:none}
	
	
	.contentIn .thid { display:none; }
	.contentIn .mhid { display:none; }	
	.hidlogo { display:none; }
	
	.naviOut {display:none;}
	.naviOut .naviIn .print { display:none; }
	.naviOut .naviIn .sns { display:none; }
	.navibox .home, .navibox .midNavi, .navibox .spot { display:none; }
	
	.contentIn .result { display:none; }
	.contentIn .m_wid140 { width:140px; }
	.contentIn .m_wid100 { width:100px; }
	.contentIn .m_wid70 { width:70px; }
	.contentIn .m_wid60 { width:60px; }
	
	img { max-width:100%; width:inherit; }
	
	/* top  *******************************************************************************************************/
	.topOuter { background: #172a3a; height:67px; width:100%;}
	.topOuter .topInner  {  max-width:1160px; margin:0 auto; }
	
	.btnCategory { display:inline-block; margin:13px 1px 0 1px;  color: #6892b8 !important; background:#172a3a;  font-size:16px; border:1px solid #5a6873; padding:0 3px; height:42px; line-height:42px; }
	.btnCategory.withpeople { display:none; }
	.btnCategory.btnSelected   {  color:#ffffff !important; background:#2c3d4c; border:1px solid #869098;}

	.topOuter .topInner .category { float:left; }

	.topOuter .topInner .utilMenu { float:right; width:250px; }
		
		.topOuter .topInner .sns { display:none;  margin-top:20px; }
		.topOuter .topInner .sns ul li { float:left; margin-left:3px; }

		.topOuter .topInner .topLink { float:right; height: 14px; margin-top:20px; display:none; }
		.topOuter .topInner .topLink ul li { float:left; }
		.topOuter .topInner .topLink ul li a { margin:0px 17px; color:#a3a7ab;} 
		.topOuter .topInner .topLink ul li a.last { margin-right:0px; }
		.topOuter .topInner .topLink ul li span { color: #848e97; }


	/* gnbOuter */
	.gnbOuter { width:100%; background: url("/portal/common/images/gnb_bg.gif") repeat-x; }
	.gnbInner { max-width: 1024px; min-width:90%; margin:0 auto; }
	.gnbInner:after { content:""; display:block; clear:both; }
	.gnbInner .logo { float: left; }
	.gnbInner .gnbMenu { display:none;}

	.menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; }

	.menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; }
	

	/* 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:none; 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; }

	
	/* search */
	.search { position:absolute; left:0px; top:74px; background:url("/portal/common/images/searchBg.png") left top repeat; width:100%; height:84px; z-index:20; text-align:center; }
	.search .searchSelect { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:35px; padding:0px 3px; vertical-align:top; margin-top:20px;}
	.search .searchInput { font-size:14px; color:#444444;  background:#ffffff; border: 1px solid #cccccc; height:33px; padding:0px 3px; vertical-align:top; margin-top:20px; width:30%; margin-left:10px; }
	.search .searchBtn { display:inline-block; background:#c94839 url("/portal/common/images/searchIcon.png") 18px 6px no-repeat; border:1px solid #cccccc; width:60px; height:33px; margin-top:20px; margin-left:5px; }
	.search.unVis { display:none; }
	
	/*  mainImage  */
	.mainImageOuter { width:99%; background:#0b1635; }
	.mainImageInner { margin:0 auto; background:url("/portal/common/images/mainImageBg.jpg") repeat-y left top; min-height:543px; height:auto; } 
	.mainImageInner:after { content:""; display:block; clear:both; }

	.mainImageInner .photo { padding-top:40px; width: 100%; text-align:center;   height:auto; overflow:hidden;}	
	.mainImageInner .photo img { width:95%; height:95%; }
		

	.mainImageInner .article { float:left; padding:40px 0px 0px 10px; width:95%; overflow:hidden; color:#ffffff; }
	.mainImageInner .article .title {height:auto;}
	.mainImageInner .article .summary {}
		.mainImageInner .title a {  font-size:20px; color:#ffffff;}
		.mainImageInner .summary a { padding-top:20px; font-size:16px; color:#ffffff; line-height:24px; padding-bottom:15px;height:auto;}
		/* .mainImageInner .quickMenu { display: none;   } */

/* quick close */
	.mainImageInner .quickMenu.close { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:190px; background:url("/portal/common/images/quickMenuBg.png") repeat left top; }
	.mainImageInner .quickMenu:after { content:""; display:block; clear:both; }
		
		
		.quickMenu.close .btnOpen { position:static; display:block; }
		.quickMenu.close .btnOpen img { display:none; }
		.quickMenu.close .btnOpen .tit { display:block;  color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;}
		.quickMenu.close .btnOpen .tit.flag { background: #041c31 url("/portal/common/images/quickFlag.png") no-repeat right 15px; }
		.quickMenu.close .btnOpen .tit.flag .quTit { display:block; height:40px;}
		.quickMenu.close .list ul { margin-left:0px; margin-top:18px; }
		.quickMenu.close .list ul li { float:none; background:none; text-align:left; margin-left:0px; width:100%;}
		.quickMenu.close .list ul li.last { background:none; }
		.quickMenu.close .list ul li a { display:inline-block; width:45%; height:20px; font-size:13px; color:#fff; margin-bottom:5px; padding-top:8px; padding-left:5px; margin-left:5px; border:1px solid #1d4f78; }
		.quickMenu.close .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; }
		
		.quickMenu.close .list ul li.hid { display:block;}
		.quickMenu.close .list ul li.hid a { display:block; width:100%; height:20px; font-size:13px; color:#fff; margin-bottom:5px;}
		.quickMenu.close .list ul li.hid a span { display:inline-block; margin-top: 0px; line-height: 15px; }
		
		
		.quickMenu.close .list ul li a.q1 { background:none; }
		.quickMenu.close .list ul li a.q2 { background:none; }
		.quickMenu.close .list ul li a.q3 { background:none; }
		.quickMenu.close .list ul li a.q4 { background:none; }
		.quickMenu.close .list ul li a.q5 { background:none; }
		.quickMenu.close .list ul li a.q6 { background:none; }
		.quickMenu.close .list ul li a.q7 { background:none; }
		.quickMenu.close .list ul li a.q8 { background:none; }
		.quickMenu.close .list ul li a.q9 { background:none; }
		.quickMenu.close .list ul li a.q10 { background:none;}
		.quickMenu.close .list ul li a.q11 { background:none;}
		.quickMenu.close .list ul li a.q12 { background:none;}
		.quickMenu.close .list ul li a.q12 span { margin-top:0px;}
		.quickMenu.close .list ul li a.q13 { background:none; }
		.quickMenu.close .list ul li a.q13 span { margin-top:0px;}
		.quickMenu.close .list ul li a.q14 { background:none; }
		.quickMenu.close .list ul li a.q14 span { margin-top:0px; }
		.quickMenu.close .list ul li a.q15 { background:none; }
		.quickMenu.close .list ul li a.q16 { background:none; }
		.quickMenu.close .list ul li a.q17 { background:none; }
		.quickMenu.close .list ul li a.q18 { background:none; }
		.quickMenu.close .list ul li a.q19 { background:none; }
		.quickMenu.close .list ul li a.q20 { background:none; }
		.quickMenu.close .list ul li a.q21 { background:none; }
		.quickMenu.close .list ul li a.q22 { background:none; }
		
		.quickMenu.close .quickClose { display:none; } 


	/* quick open */
	.mainImageInner .quickMenu.open { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:auto; background:url("/portal/common/images/quickMenuBg.png") repeat left top;}
	.mainImageInner .quickMenu:after { content:""; display:block; clear:both; }
		
		
		.quickMenu.open .btnOpen { position:static; display:block; }
		.quickMenu.open .btnOpen img { display:none; }
		.quickMenu.open .btnOpen .tit { display:block;  color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;}
		.quickMenu.open .btnOpen .tit.flag { background: #041c31 url("/portal/common/images/quickFlag2.png") no-repeat right 15px; }
		.quickMenu.open .title { display:none; }
		.quickMenu.open .list ul { margin-left:0px; margin-top:10px; }
		.quickMenu.open .list ul li { float:none; background:none; text-align:left; margin-left:0px; width:100%;}
		.quickMenu.open .list ul li.last { background:none; }
		.quickMenu.open .list ul li a{ display:inline-block; height:20px; font-size:13px; color:#fff; margin-bottom:5px; padding-top:8px; padding-left:5px; margin-left:5px; border:1px solid #1d4f78; }
		.quickMenu.open .list ul li a.dl{width:40%;}
		.quickMenu.open .list ul li a.dr{width:50%;}
		.quickMenu.open .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; }

		.quickMenu.open .list ul li.hid { display:block; }
		.quickMenu.open .list ul li.etc {width:100% !important;}	
		
		
		.quickMenu.open .list ul li a.q1 { background:none; }
		.quickMenu.open .list ul li a.q2 { background:none; }
		.quickMenu.open .list ul li a.q3 { background:none; }
		.quickMenu.open .list ul li a.q4 { background:none; }
		.quickMenu.open .list ul li a.q5 { background:none; }
		.quickMenu.open .list ul li a.q6 { background:none; }
		.quickMenu.open .list ul li a.q7 { background:none; }
		.quickMenu.open .list ul li a.q8 { background:none; }
		.quickMenu.open .list ul li a.q9 { background:none; }
		.quickMenu.open .list ul li a.q10 { background:none;}
		.quickMenu.open .list ul li a.q11 { background:none;}
		.quickMenu.open .list ul li a.q12 { background:none;}
		.quickMenu.open .list ul li a.q12 span { margin-top:0px; width:100%; }
		.quickMenu.open .list ul li a.q13 { background:none; }
		.quickMenu.open .list ul li a.q13 span { margin-top:0px; width:100%; }
		.quickMenu.open .list ul li a.q14 { background:none; }
		.quickMenu.open .list ul li a.q14 span { margin-top:0px; }
		.quickMenu.open .list ul li a.q15 { background:none; }
		.quickMenu.open .list ul li a.q16 { background:none; }
		.quickMenu.open .list ul li a.q17 { background:none; }
		.quickMenu.open .list ul li a.q18 { background:none; }
		.quickMenu.open .list ul li a.q19 { background:none; }
		.quickMenu.open .list ul li a.q20 { background:none; }
		.quickMenu.open .list ul li a.q20 span { width:100%; }
		.quickMenu.open .list ul li a.q21 { background:none; }
		.quickMenu.open .list ul li a.q21 span { width:100%; }
		.quickMenu.open .list ul li a.q22 { background:none; }
		.quickMenu.open .list ul li a.q22 span { width:100%; }
		.quickMenu.open .list ul li a.q23 { background:none; }
		.quickMenu.open .list ul li a.q24 { background:none; }
		.quickMenu.open .list ul li a.q25 { background:none; }
		.quickMenu.open .list ul li a.q26 { background:none; }
		
		.quickMenu.open .quickClose { display:none; } 
		.m_br { display:none; }




	
    /* mobile */
	/* newsArea  *******************************************************************************************************/
			
			.newsArea { max-width:1160px; margin:0 auto; margin-top:25px;} 
			.newsArea > div {margin: 40px 0 1.5% 0; float:left; width:90%;  border:1px solid #cfcfcf; height:auto; padding:0px 2% 5px 2%; margin:0 3%; margin-bottom:20px }
					
			.newsArea .news {max-height:390px; margin-left:3%;  }
			.newsArea .pan {max-height:390px; }
			.newsArea .broad {max-height:390px; }
			.newsArea .x_mark{top:20px}
			.newsArea .searchCourt {max-height:460px;min-height:390px;}
			.newsArea .searchIncident {max-height:460px;}
			.newsArea .banner {max-height:460px;}			
			.newsArea .courtNews {max-height:760px; }			
			.newsArea .prime {max-height:460px;min-height:350px;}		
			.newsArea .newsletter {max-height:460px;}
			
			.newsArea .titleBox{ padding-top:10px }
			.newsArea .titleBox {  padding-top:20px }
			.newsArea .titleBox .boardName { float:left; font-size:18px; color:#e74e3f; max-width:270px; }
			.newsArea .titleBox .more { float:right; }
				
			.newsArea .article { margin-top: 30px;}
			.newsArea .article .title { font-size:16px; font-weight:bold; color:#474747; min-height:20px; overflow:hidden; line-height:1}
			.newsArea .article .summary { margin-top:10px; font-size: 14px; color:#595959; line-height:22px; min-height:40px; overflow:hidden; }
			.newsArea .list .dotLine {  width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top;  margin:10px 0px; }
			.newsArea .list ul li { padding-bottom:10px; }
			.newsArea .list ul li a { color:#595959; font-size:13px; }
			.newsArea .list ul li .date { float:right; color:#8e8e8e; font-size:12px;}
	
			.prime .article {min-height:300px;}	
	/* actionZone  *******************************************************************************************************/

			 .searchCourt { margin-left:0px; }
			
			
		
			
			 .searchCourt { background:url("/portal/common/images/courtSearchBg.png") no-repeat center 30px;  height:330px; padding: 20px 10px 0px 10px; margin-top:40ox}
				 .searchCourt .title { height:85px; color:#3d3d3d; font-size:22px; text-align:center; background:url("/portal/common/images/searchCourtTitleBg.png") no-repeat center top; line-height:140px;}
				 .searchCourt .description { height:120px; text-align:center; font-size:16px; color:#000000; margin-top:40px;  line-height:26px;} 
				 .searchCourt .courtForm { text-align:center; }
				 .searchCourt .selCap { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:190px; }
				 .searchCourt .selCourt { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px;}
				 .searchCourt .courtGo { display:inline-block; width:65px; height:35px; background:#871517; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top;  margin-top:5px; }
			
			
			 .searchIncident { margin-top:32px; padding:0px 15px;}
				 .searchIncident .myIncident { width:95%; text-align:center;}
				 .searchIncident img { width:100%; max-width:369px; }
				 .searchIncident .formCollect { margin-top:20px; width:95%; text-align:center;}
			
			
			


			.banner { padding:0px; background:#fff; border:1px solid #cfcfcf; margin-top:20px;  background:url("/portal/common/images/courtSearchBg.png") no-repeat center 30px;}
			.banner .banner_sub{width:100%;height:400px; background-color:#fff; border:1px solid #cfcfcf; margin-top:20px}
			.banner .titleBox { padding:0px 20px; margin-top:10px;}
			.banner .titleBox:after { content:""; display:block; clear:both; }
			.banner .titleBox .title { float:left; font-size:22px; color:#3d3d3d; padding-top:5px; }
			.banner .titleBox .control { float:right;  }
			.banner .titleBox .control .num { font-size:18px; color:#595959; vertical-align:top; padding-right:10px; line-height:30px;}
				
				 .banner .bannerBox { text-align:center; padding:5px 0px 14px 0px;}

	/* board  *******************************************************************************************************/
	
		.newsletter {margin-left:6% }
		
		.courtNews {margin-left:6%}
		.courtNews img {float:left !important}
		.courtNews .titlebox { border-bottom:1px solid #e0e0e0; padding:20px 0px 5px 0px;}
		.courtNews .titlebox:after { content:""; display:block; clear:both; }
		.courtNews .titlebox .title  { float:left; font-size:20px; color:#3d3d3d; width:190px; }
		.courtNews .titlebox .more { float:right; width:30px;}
		.courtNews .article { min-height:300px;  line-height:26px; }
		.courtNews .article:after { content:""; display:block; clear:both; }
		.courtNews .article .photo { width:100%; margin:0 auto; margin-top:20px;}
		.courtNews .article .photo img { width:100%; height:100%; }
		.courtNews .article .textbox { margin-top:10px; }
		.courtNews .article .textbox .title { float:left; font-size:16px; color:#000; padding-top:15px; line-height:1 }
		.courtNews .article .textbox .date { float: right; font-size:14px; color:#646464; }
		.courtNews .article .textbox .text { font-size:14px; color:#575757; clear:both; padding-top:5px;}
		.courtNews .moreArticle { display:block; text-align:center;  width:78px; background:#871517; height:26px; line-height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff;  }
		
		.prime .titlebox { border-bottom:1px solid #e0e0e0; padding:20px 0px 5px 0px;}
		.prime .titlebox:after { content:""; display:block; clear:both; }
		.prime .titlebox .title  { float:left; font-size:20px; color:#3d3d3d; width:190px; }
		.prime .titlebox .more { float:right; width:30px;}
		.prime .article { margin-top:20px; background:#f5f5f5; padding:20px 10px; font-size:14px; color:#575757;  height:auto;}
		.prime .article:after { content:""; display:block; clear:both; }
		.prime .article .black { color:#000; }
	    .prime .article .list .dotLine {  width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top;  margin:10px 0px; }
		.prime .article .list ul li { padding-bottom:10px; }
	/*	.prime .article .list ul li a { color:#595959; font-size:13px; }
		.prime .article .list ul li .date { display:none; float:right; color:#8e8e8e; font-size:12px;}
	  */
	    .prime .article .moreArticle { display:block; float:right; text-align:center;  width:78px; background:#871517; height:26px; line-height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff;  }
		
		.newsletter { text-align:center; margin-top:5px; padding-top:15px !important }
	
	/* sub  **************************************************************************************************/

		/* lnb  */
		.subContainer .lnb { display:none }
		
		/* content */
		.subContainer .content { float:none;  width:96%; padding:0 2%; }
		
		/* bookGallery */
		.contentIn .bookGallery { border-bottom:1px solid #d1d4da; margin-top:30px; padding-bottom:25px;  }
		.contentIn .bookGallery ul { text-align:center; }
		.contentIn .bookGallery ul:after { content:""; display:block; clear:both; }
		.contentIn .bookGallery ul li { display:inline-block; width:18%; padding:8px; margin:15px 1%; text-align:center; }
		.contentIn .bookGallery ul li .galleryImg { display:inline-block; margin:0 auto;  background:none; }
		.contentIn .bookGallery ul li .galleryImg img { margin:5px; width:inherit; max-width:100%; }
		.contentIn .bookGallery ul li .title { display:block; font-size:14px; color:#222222; text-align:center; margin-top:5px; }
		
		/* tab  */
		.contentIn .tab { margin-top: 20px; }
		.contentIn .tab .tabTitle { background:url("/portal/common/images/tabBg.gif") left bottom repeat-x; }
		.contentIn .tab .tabTitle:after { content:""; display:block; clear:both; }
		.contentIn .tab .tabTitle li.first { border-left:1px solid #c9c9c9; }
		.contentIn .tab .tabTitle li { float:left; cursor:pointer;  padding:15px 20px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
		.contentIn .tab .tabTitle li.active { color:#285ea3; border-top:1px solid #23496d; background:#fff; border-bottom:1px solid #c9c9c9; }
		
		.contentIn .tab .tabContents { border:1px solid #c9c9c9; border-top:none; padding:15px;  }
		.contentIn .tab .tabContents .tabContent { display:none; }
		.contentIn .tab .tabContents .tabContent.active { display:block; }
		
		/* subTab  */
		.contentIn .subTab { margin-top: 20px; }
		.contentIn .subTab .subTabTitle { background:url("/portal/common/images/tabBg.gif") left bottom repeat-x; }
		.contentIn .subTab .subTabTitle:after { content:""; display:block; clear:both; }
		.contentIn .subTab .subTabTitle li.first { border-left:1px solid #c9c9c9; }
		.contentIn .subTab .subTabTitle li { float:left; cursor:pointer;  padding:15px 5px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
		.contentIn .subTab .subTabTitle li.active { color:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; }
		
		.contentIn .subTab .subTabContents { border:1px solid #c9c9c9; border-top:none; padding:20px;  }
		.contentIn .subTab .subTabContents .subTabContent { display:none; }
		.contentIn .subTab .subTabContents .subTabContent.active { display:block; }
		
		/* tabSec */
		.contentIn .tabSec { margin-top: 20px; }
		.contentIn .tabSec .tabTitle { background:url("/portal/common/images/tabBg.gif") left bottom repeat-x; }
		.contentIn .tabSec .tabTitle:after { content:""; display:block; clear:both; }
		.contentIn .tabSec .tabTitle li.first { border-left:1px solid #c9c9c9; }
		.contentIn .tabSec .tabTitle li { float:left; cursor:pointer;  padding:15px 2px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
		.contentIn .tabSec .tabTitle li.active { color:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; }
		
		.contentIn .tabSec .tabContents { border:1px solid #c9c9c9; border-top:none; padding:20px;  }
		.contentIn .tabSec .tabContents .tabContent { display:none; }
		.contentIn .tabSec .tabContents .tabContent.active { display:block; }
		
		/* tableHor  */
		.contentIn .tableHor { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;}
		.contentIn .tableHor th { background:#f3f3f3; font-size:14px;  border-bottom:1px solid #dbdbdb; padding:13px; vertical-align:middle;}
		.contentIn .tableHor tr { border-bottom:1px solid #dbdbdb; }
		.contentIn .tableHor tr td { text-align:center; font-size:14px; padding:13px 5px; background:#fff; vertical-align:middle; line-height:18px; }
		.contentIn .tableHor tr td.subTitle { background:#f3f3f3; }
		.contentIn .tableHor tr td.tit { text-align:left; padding-left:20px; }
		.contentIn .tableHor tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; }
		.contentIn .tableHor tr td.attach { vertical-align:middle; }
		.contentIn .tableHor tr td .cover { display:inline-block; hegiht:100px; }
		.contentIn .tableHor tr td .cover img { width:100px;    }
		
		/* tableHorV  */
		.contentIn .tableHorV { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;}
		.contentIn .tableHorV th { background:#edf3f8; font-size:14px;  border:1px solid #dbdbdb; padding:13px; vertical-align:middle; text-align:center;}
		.contentIn .tableHorV tr { border-bottom:1px solid #dbdbdb; }
		.contentIn .tableHorV tr td { text-align:center; font-size:14px; padding:13px 5px; border:1px solid #dbdbdb;  vertical-align:middle; background:#fff; line-height:18px; }
		.contentIn .tableHorV tr td.subTitle { background:#f3f3f3; }
		.contentIn .tableHorV tr td.tit { text-align:left; padding-left:20px; }
		.contentIn .tableHorV tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; }
		.contentIn .tableHorV tr td.attach { vertical-align:middle; }
		

		/* tableVer */
		.contentIn .tableVer { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;}
		.contentIn .tableVer th { background:#f3f3f3; border-bottom:1px solid #dbdbdb; padding:13px 5px; vertical-align:middle; min-width:50px; }
		.contentIn .tableVer td {  border-bottom:1px solid #dbdbdb; padding:13px 5px; background:#fff; vertical-align:middle; line-height:18px;}
		.contentIn .tableVer td.attTxt a { color:#e84c3d; text-decoration:underline;  }
		.contentIn .tableVer td.contArea { line-height: 24px; }
		.contentIn .tableVer td.t_prev { background:#f3f3f3 url("/portal/common/images/t_prev.gif") right center no-repeat; padding-right:40px; }
		.contentIn .tableVer td.t_next { background:#f3f3f3 url("/portal/common/images/t_next.gif") right center no-repeat; padding-right:40px; }
		.contentIn .tableVer th.t_prev { background:#f3f3f3 url("/portal/common/images/t_prev.gif") right center no-repeat; padding-right:40px; }
		.contentIn .tableVer th.t_next { background:#f3f3f3 url("/portal/common/images/t_next.gif") right center no-repeat; padding-right:40px; }
		.contentIn .tableVer tr td.subTitle { background:#f3f3f3; }
		.contentIn .tableVer tr td.tit a:hover, .content .boardView tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; }
		.contentIn .tableVer tr td span { padding: 0px 5px; }
		
		
		/* infoBox */
		.infoBox { background:#f7f8fc; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px;}
		.infoBoxGray { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px;}
		.infoBoxRed { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#e74e3f; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px; }
		.infoBoxWhite {line-height:20px; font-size:13px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:5px; overflow-y:scroll; height:70px;}
		.infoBoxIcon01 { background:#f7f8fc url("/portal/common/images/icon01.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; }
		.infoBoxIcon02 { background:#f7f8fc url("/portal/common/images/icon08.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; }
		.infoBoxIcon03 { background:#f7f8fc url("/portal/common/images/icon09.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; }
		.infoBoxIcon04 { background:#f7f8fc url("/portal/common/images/icon10.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; }
		.infoBoxIcon05 { background:#f7f8fc url("/portal/common/images/icon11.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; }
		
		
		/* pagelist */
		.contentIn .pagelist {  width:100%; text-align:center; margin-top:30px; }
		.contentIn .pagelist a.next2 { padding:0; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext2.gif") 6px 7px no-repeat;  width:20px; height:20px;}
		.contentIn .pagelist a.next { padding:0; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext.gif") 6px 7px no-repeat;  width:20px; height:20px;}
		.contentIn .pagelist a.prev { padding:0; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev2.gif") 6px 7px no-repeat;  width:20px; height:20px;}
		.contentIn .pagelist a.prev2 { padding:0; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev.gif") 6px 7px no-repeat;  width:20px; height:20px;}
		.contentIn .pagelist a { display:inline-block; padding:0 7px; height:20px; line-height:22px; text-align:center; font-size:12px; border:1px solid #bdbdbd; vertical-align:top; }
		.contentIn .pagelist a.selected { background:#535353; color:#fff; }
		.contentIn .pagelist a.selected:hover { color:#fff; }
		.contentIn .pagelist a:hover, .content .pagelist a:active { color:#0057a1; font-weight:bold; text-decoration:underline;}
		
		/* gallery */
		.contentIn .gallery { border-bottom:1px solid #d1d4da; margin-top:40px; padding-bottom:25px;  }
		.contentIn .gallery ul { text-align:center; }
		.contentIn .gallery ul:after { content:""; display:block; clear:both; }
		.contentIn .gallery ul li { display:inline-block; border:1px solid #d1d4da; width:100%; padding:4px; margin:12px 2px 12px 1px; }
		.contentIn .gallery ul li .galleryImg { float:left; display:block; width:20%; text-align:left; padding-bottom:8px; }
		.contentIn .gallery ul li .galleryImg img {   }
		.contentIn .gallery ul li .title { display:block; float:left; width:70%; font-size:12px; color:#222222; margin-top:5px; text-align:left; margin-left:10px;}
		.contentIn .gallery ul li .pdf { display:block; float:left; width:70%;  margin-top:5px; text-align:left; margin-left:10px; }
		.contentIn .gallery ul li .pdf img { width:50px;}
		
		/* photo */
		.contentIn .photo { padding-bottom:10px;  }
		.contentIn .photo ul { text-align:center; }
		.contentIn .photo ul:after { content:""; display:block; clear:both; }
		.contentIn .photo ul li { display:block; border:1px solid #d1d4da; width:100%; padding:4px; margin:15px 2px; text-align:left;}
		.contentIn .photo ul li:after { content:""; display:block; clear:both; }
		.contentIn .photo ul li .photoImg { float:left; text-align:left; padding-bottom:3px;  width:20%; margin-right:6px;}
		.contentIn .photo ul li .photoImg img {   }
		.contentIn .photo ul li .title { float:left; display:block; width:70%; font-size:14px; color:#222222; margin-top:5px; }
		.contentIn .photo ul li .date { float:left; display:block; width:70%; font-size:12px; color:#6b7174; }
		
		/* nextPhotoList */
		.contentIn .nextPhotoList { margin-top:40px; border-top:1px solid #535353; border-bottom:1px solid #d1d4da; }
		.contentIn .nextPhotoList ul { margin:15px 0px; width:100%; text-align:center;}
		.contentIn .nextPhotoList ul li { display:inline-block; border:1px solid #d1d4da; padding:1%; margin:0px 1%; width:18%; }
		.contentIn .nextPhotoList ul li img { width:100%; }
		.contentIn .nextPhotoList ul li .title { text-align:left; margin:10px 0px; height:13px; overflow:hidden;}
		.contentIn .nextPhotoList ul li .title a { font-size:13px; color:#222222; }
		.contentIn .nextPhotoList ul li .date { text-align:left; font-size:10px; color:#6b7174; }
		
		.contentIn .viewBox .contentBox .movieArea { display:inline-block; width:100%; height:230px;  }	/* 2022.02.23 */

		/* bannerIcon */
	/* bannerIcon */
	.bannerIcon {margin-left:3%}
	.bannerIcon li { height:200px; width:48%;min-height:200px}
	.bannerIcon li span { font-size:14px;text-align:center; margin-top:15px; }
	.bannerIcon li a { padding: 0px}
	/*		
		.bannerIcon { text-align:center; }
		.bannerIcon:after { content:""; display:block; clear:both; }
		.bannerIcon li { clear:both; border:1px solid #d1d4da; width:100%;  min-height: auto; margin-top:20px; text-align:center;}
		.bannerIcon li a { display:block; font-size:14px; color:#222222; margin:0 auto; padding: 15px 0px;}
		
		
		
		.bannerIcon li span { display:block; text-align:center;  margin-top:20px; line-height:16px; padding:0px 5px;}
		.bannerIcon li a.bani01 { border-top:5px solid #305b82; }
		.bannerIcon li a.bani02 { border-top:5px solid #9a8073; }
		.bannerIcon li a.bani03 { border-top:5px solid #4b8891; }
		.bannerIcon li a.bani04 { border-top:5px solid #6c7d8a; }
		.bannerIcon li a.bani05 { border-top:5px solid #5d6193; }
		.bannerIcon li a.bani06 { border-top:5px solid #4379b1; }
*/		

	/* footer  *******************************************************************************************************/
	
	.sitemapOut { display:none; background:#0d1820; clear:both; }
	
	
	.linkLineIn .footsns { float:left; }
	.linkLineIn .footsns ul {  padding:0px; margin:0px; margin-top:8px; }
	.linkLineIn .footsns ul:after { content:""; display:block; clear:both; }
	.linkLineIn .footsns ul li { float:left; margin-right:7px;}
	.linkLineIn .footsns ul li a { display:inline-block; width:24px; height:24px; overflow:hidden;}
	.linkLineIn .footsns .facebook { background:url("/supreme/common/images/icon_facebook.gif") left top no-repeat; }
	.linkLineIn .footsns .facebook:hover { background:url("/supreme/common/images/icon_facebook.gif") left -25px no-repeat; }
	.linkLineIn .footsns .twitter { background:url("/supreme/common/images/icon_twitter.gif") left top no-repeat; }
	.linkLineIn .footsns .twitter:hover { background:url("/supreme/common/images/icon_twitter.gif") left -25px no-repeat; }
	.linkLineIn .footsns .youtube { background:url("/supreme/common/images/icon_youtube.gif") left top no-repeat; }
	.linkLineIn .footsns .youtube:hover { background:url("/supreme/common/images/icon_youtube.gif") left -25px no-repeat; }
	.linkLineIn .footsns .instagram { background:url("/supreme/common/images/icon_insta.gif") left top no-repeat; }
	.linkLineIn .footsns .instagram:hover { background:url("/supreme/common/images/icon_insta.gif") left -25px no-repeat; }
	.linkLineIn .footsns .naverblog { background:url("/supreme/common/images/icon_naver.gif") left top no-repeat; }
	.linkLineIn .footsns .naverblog:hover { background:url("/supreme/common/images/icon_naver.gif") left -25px no-repeat; }
	.linkLineIn .footsns .daumblog { background:url("/supreme/common/images/icon_daum.gif") left top no-repeat; }
	.linkLineIn .footsns .daumblog:hover { background:url("/supreme/common/images/icon_daum.gif") left -25px no-repeat; }
	.linkLineIn .footsns .kakao { background:url("/supreme/common/images/icon_kakao.gif") left top no-repeat; }
	.linkLineIn .footsns .kakao:hover { background:url("/supreme/common/images/icon_kakao.gif") left -25px no-repeat; }
		
	.linkLineIn  .footsns { display:block;  }
	
	.linkLineIn  .linkCourt { display:none;  }
	.linkLineIn  .linkSystem { display:none;  }
	.footerOut{height:0px;background-color:none}
	.footerOut .footerIn { max-width:1160px; margin:0 auto; padding-top:20px; clear:both;}
	.footerOut .footerIn:after { content:""; display:block; clear:both; }
	
	.footerIn .footerLogo { float:left; width:190px; display:none; }
	.footerIn .copybox { float:left; width:90%; }
	.footerIn .certi { float:left; }
	
	/* copybox  */
	.footerIn .copybox { margin-left:20px; }
	.footerIn .copybox .footerLink:after { content:""; display:block; clear:both; }
	.footerIn .copybox .footerLink ul li { clear:both; }
	.footerIn .copybox .footerLink ul li a { font-size:13px; color:#0d1820;}
	.footerIn .copybox .footerLink ul li span { font-size:13px; color:#eee; padding: 0 10px; }

	.footerIn .copybox .address { font-size:12px; color:#0d1820; margin-top:10px;}
	.footerIn .copybox .tel { font-size:12px; color:#0d1820;  margin-top:5px; }
	.footerIn .copybox .copyright { font-size:12px; color:#0d1820; margin-top:2px; } 

	.footerIn .certi { display:none; }
	.footerIn .certi img { margin-right:10px;  }
	.footerIn .certi .selCou { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px; }
	.footerIn .certi .siteGo { display:inline-block; padding:0 5px; height:37px; background:#36536a; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top;  margin-top:5px; margin-left:3px; }
	
	
	
/* sub *******************************************************************************************************/
	
	/* map ******************************************************************************************************/
	.contentIn .map .mapView { width:350px; height:458px; position:relative; background:url("/portal/common/images/map_bg.jpg") left top no-repeat;}
	.contentIn .map div.listView { clear:both; width:100%; border-left:none; border-top:1px solid #bdbdbd;}
	
	/* programBox */
		.contentIn .programCon { text-align:left; }
		.contentIn .programBox { position:relative; text-align:left; display:inline-block; border: 1px solid #b9b9b9; height:auto; min-height:180px; width:98%; margin:0px 1%; margin-top:15px; }
		.contentIn .programTitle01 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle01.jpg") right top no-repeat; }
		.contentIn .programTitle02 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle02.jpg") right top no-repeat; }
		.contentIn .programTitle03 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle03.jpg") right top no-repeat; }
		.contentIn .programTitle04 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle04.jpg") right top no-repeat; }
		.contentIn .programTitle05 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle05.jpg") right top no-repeat; }
		.contentIn .programBox .detailViewBtn {display:block; position:absolute; right:0px; bottom:0px;}

		/* peruse */
		.peruseInfo { width:100%; height:auto; background-image: url("/portal/common/images/peruse_bg.jpg") no-repeat; background-size:contain;}
		.peruseInfo p { padding:9%; line-height:18px; color:#000; font-size:12px; }
}




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

@media all and (min-width:768px) and (max-width:1023px) {
	
	a.btnGo{display:none}
	.mainImageInner .anc {display:none;}
	
	/*background*/
	.newsArea > .backg{background: url(/portal/common/images/actionZoneBg.gif) repeat left top; border:1px solid #cfcfcf;}
	/*absolute*/
	.portalAb{display:none}
	.portalNone{display:none !important}

	.contentIn .thid { display:none; }
	
	/* top  *******************************************************************************************************/
	.topOuter { background: #172a3a; height:67px; width:100%;}
	.topOuter .topInner  {  max-width:1160px; margin:0 auto; }

	.topOuter .topInner .category { float:left; }

	.topOuter .topInner .utilMenu { float:right; width:250px; }
		
		.topOuter .topInner .sns { display:none;  margin-top:20px; }
		.topOuter .topInner .sns ul li { float:left; margin-left:3px; }

		.topOuter .topInner .topLink { float:right; height: 14px; margin-top:10px; display:none; }
		.topOuter .topInner .topLink ul li { float:left; }
		.topOuter .topInner .topLink ul li a { margin:0px 17px; color:#a3a7ab;} 
		.topOuter .topInner .topLink ul li a.last { margin-right:0px; }
		.topOuter .topInner .topLink ul li span { color: #848e97; }


		/* gnbOuter */
		.gnbOuter { width:100%; background: url("/portal/common/images/gnb_bg.gif") repeat-x; position:relative; }
		.gnbInner { max-width: 1024px; min-width:769px; margin:0 auto; }
		.gnbInner:after { content:""; display:block; clear:both; }
		.gnbInner .logo { float: left; width:306px }
		.gnbInner .gnbMenu { display:none;}

		.menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; }

		.gnbInner .gnbMenu { display:none;} 

		.menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; }

		/* 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:none; 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; }
		


	/*  mainImage  *******************************************************************************************************/
	.mainImageOuter { width: 100%; background:#0b1635; }
	.mainImageInner { margin:0 auto; background:url("/portal/common/images/mainImageBg.jpg") repeat-y left top; height:auto;overflow:hidden;  } 
	.mainImageInner:after { content:""; display:block; clear:both; }

	.mainImageInner .photo { padding-top:40px; width: 100%; text-align:center; position:relative; height:auto; overflow:hidden; }	
	.mainImageInner .photo img { width:95%; height:95%; }

	.mainImageInner .article { padding:40px 0px 0px 20px; width:95%; overflow:hidden; color:#ffffff; }
	.mainImageInner .article .title {height:auto;}
	.mainImageInner .title a {  font-size:20px; color:#ffffff; font-weight:bold;}
		.mainImageInner .summary a { padding-top:20px; font-size:16px; color:#ffffff; line-height:24px; }
		/* .mainImageInner .quickMenu { display: none;   } */

	/* quick close */
	.mainImageInner .quickMenu.close { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:190px; background:url("/portal/common/images/quickMenuBg.png") repeat left top; }
	.mainImageInner .quickMenu:after { content:""; display:block; clear:both; }
		
		
		.quickMenu.close .btnOpen { position:static; display:block; }
		.quickMenu.close .btnOpen img { display:none; }
		.quickMenu.close .btnOpen .tit { display:block;  color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;}
		.quickMenu.close .btnOpen .tit.flag { background: #041c31 url("/portal/common/images/quickFlag.png") no-repeat right 15px; }
		.quickMenu.close .btnOpen .tit.flag .quTit { display:block; height:40px;}
		.quickMenu.close .list ul { margin-left:0px; margin-top:18px; }
		.quickMenu.close .list ul li { float:none; background:none; text-align:left; margin-left:0px; width:100%;}
		.quickMenu.close .list ul li.last { background:none; }
		.quickMenu.close .list ul li a { display:inline-block; width:48%; height:20px; font-size:12px; color:#fff; margin-bottom:5px; padding-top:8px; padding-left:5px; margin-left:5px; border:1px solid #1d4f78; }
		.quickMenu.close .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; }

		.quickMenu.close .list ul li.hid { display:block;}
		.quickMenu.close .list ul li.hid a { display:block; width:100%; height:20px; font-size:13px; color:#fff; margin-bottom:5px;}
		.quickMenu.close .list ul li.hid a span { display:inline-block; margin-top: 0px; line-height: 15px; }
		
		
		.quickMenu.close .list ul li a.q1 { background:none; }
		.quickMenu.close .list ul li a.q2 { background:none; }
		.quickMenu.close .list ul li a.q3 { background:none; }
		.quickMenu.close .list ul li a.q4 { background:none; }
		.quickMenu.close .list ul li a.q5 { background:none; }
		.quickMenu.close .list ul li a.q6 { background:none; }
		.quickMenu.close .list ul li a.q7 { background:none; }
		.quickMenu.close .list ul li a.q8 { background:none; }
		.quickMenu.close .list ul li a.q9 { background:none; }
		.quickMenu.close .list ul li a.q10 { background:none;}
		.quickMenu.close .list ul li a.q11 { background:none;}
		.quickMenu.close .list ul li a.q12 { background:none;}
		.quickMenu.close .list ul li a.q12 span { margin-top:0px; }
		.quickMenu.close .list ul li a.q13 { background:none; }
		.quickMenu.close .list ul li a.q13 span { margin-top:0px; }
		.quickMenu.close .list ul li a.q14 { background:none; }
		.quickMenu.close .list ul li a.q14 span { margin-top:0px; }
		.quickMenu.close .list ul li a.q15 { background:none; }
		.quickMenu.close .list ul li a.q16 { background:none; }
		.quickMenu.close .list ul li a.q17 { background:none; }
		.quickMenu.close .list ul li a.q18 { background:none; }
		
		.quickMenu.close .quickClose { display:none; } 


	/* quick open */
	.mainImageInner .quickMenu.open { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:auto; background:url("/portal/common/images/quickMenuBg.png") repeat left top;}
	.mainImageInner .quickMenu:after { content:""; display:block; clear:both; }
		
		
		.quickMenu.open .btnOpen { position:static; display:block; }
		.quickMenu.open .btnOpen img { display:none; }
		.quickMenu.open .btnOpen .tit { display:block;  color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;}
		.quickMenu.open .btnOpen .tit.flag { background: #041c31 url("/portal/common/images/quickFlag2.png") no-repeat right 15px; }
		.quickMenu.open .title { display:none; }
		.quickMenu.open .list ul { margin-left:0px; margin-top:10px; }
		.quickMenu.open .list ul li { float:none; background:none; text-align:left; margin-left:0px; width:100%;}
		.quickMenu.open .list ul li.last { background:none; }
		.quickMenu.open .list ul li a { display:inline-block; width:48%; height:20px; font-size:13px; color:#fff; margin-bottom:5px; padding-top:8px; padding-left:5px; margin-left:5px; border:1px solid #1d4f78; }
		.quickMenu.open .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; }

		.quickMenu.open .list ul li.etc {width:100% !important;}	
		.quickMenu.open .list ul li.hid { display:block; }
		
		
		.quickMenu.open .list ul li a.q1 { background:none; }
		.quickMenu.open .list ul li a.q2 { background:none; }
		.quickMenu.open .list ul li a.q3 { background:none; }
		.quickMenu.open .list ul li a.q4 { background:none; }
		.quickMenu.open .list ul li a.q5 { background:none; }
		.quickMenu.open .list ul li a.q6 { background:none; }
		.quickMenu.open .list ul li a.q7 { background:none; }
		.quickMenu.open .list ul li a.q8 { background:none; }
		.quickMenu.open .list ul li a.q9 { background:none; }
		.quickMenu.open .list ul li a.q10 { background:none;}
		.quickMenu.open .list ul li a.q11 { background:none;}
		.quickMenu.open .list ul li a.q12 { background:none;}
		.quickMenu.open .list ul li a.q12 span { margin-top:0px; width:100%; }
		.quickMenu.open .list ul li a.q13 { background:none; }
		.quickMenu.open .list ul li a.q13 span { margin-top:0px; width:100%; }
		.quickMenu.open .list ul li a.q14 { background:none; }
		.quickMenu.open .list ul li a.q14 span { margin-top:0px; }
		.quickMenu.open .list ul li a.q15 { background:none; }
		.quickMenu.open .list ul li a.q16 { background:none; }
		.quickMenu.open .list ul li a.q17 { background:none; }
		.quickMenu.open .list ul li a.q18 { background:none; }
		.quickMenu.open .list ul li a.q19 { background:none; }
		.quickMenu.open .list ul li a.q20 { background:none; }
		.quickMenu.open .list ul li a.q20 span { width:100%; }
		.quickMenu.open .list ul li a.q21 { background:none; }
		.quickMenu.open .list ul li a.q21 span { width:100%; }
		.quickMenu.open .list ul li a.q22 { background:none; }
		.quickMenu.open .list ul li a.q22 span { width:100%; }
		.quickMenu.open .list ul li a.q23 { background:none; }
		.quickMenu.open .list ul li a.q24 { background:none; }
		.quickMenu.open .list ul li a.q25 { background:none; }
		.quickMenu.open .list ul li a.q26 { background:none; }
		
		.quickMenu.open .quickClose { display:none; } 
		.m_br { display:none; }



	/* newsArea tablet *******************************************************************************************************/
		
		.newsArea { max-width:1160px; margin:0 auto;} 		
		.newsArea > div {margin: 10px 0 0 2.5%; float:left; width:44%;  border:1px solid #cfcfcf;   }
		.newsArea .logoDiv{border: 1px solid transparent; display:none;}
		
		.newsArea .news {max-height:390px;}
		.newsArea .pan {max-height:390px;}
		.newsArea .broad {max-height:390px;}
		.newsArea .searchCourt {max-height:460px;min-height:390px;}
		.newsArea .searchIncident {max-height:460px;display:none;}
		.newsArea .banner {max-height:460px;}			
		.newsArea .courtNews {max-height:460px;}			
		.newsArea .prime {max-height:460px;}		
		.newsArea .newsletter {max-height:460px;}
		
		.newsArea .titleBox  {   }
		.newsArea .titleBox .boardName { float:left; font-size:18px; color:#e74e3f; max-width:270px; }
		.newsArea .titleBox .more { float:right; }
				
		.newsArea .article { margin-top: 30px;}
		.newsArea .article .title { font-size:16px; font-weight:bold; color:#474747; }
		.newsArea .article .summary { font-size: 14px; color:#595959; line-height:22px; }
		.newsArea .list .dotLine {  width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top;  margin:5px 0px; }
		.newsArea .list ul li { padding-bottom:10px; }
		.newsArea .list ul li a { color:#595959; font-size:14px; }
		.newsArea .list ul li .date { display:inline-block; float:right; color:#8e8e8e; font-size:14px;}
		.newsArea .searchIncident .searchMargin {position:position:relative;margin-top:5%;margin-left:3%;}

	/* actionZone  *******************************************************************************************************/

		
	 .searchCourt { background:url("/portal/common/images/courtSearchBg.png") no-repeat center 30px;  height:330px; padding: 20px 10px 0px 10px; }
	 
		 .searchCourt .title { height:85px; color:#3d3d3d; font-size:22px; text-align:center; background:url("/portal/common/images/searchCourtTitleBg.png") no-repeat center top; line-height:140px;}
		 .searchCourt .description { height:120px; text-align:center; font-size:16px; color:#000000; margin-top:40px;  line-height:26px;} 
		 .searchCourt .courtForm { text-align:center; }
			 .searchCourt .selCap { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:190px; }
			 .searchCourt .selCourt { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px;}
			 .searchCourt .courtGo { display:inline-block; width:65px; height:35px; background:#871517; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top;  margin-top:5px; }
		
		
		 .searchIncident {  width:90%; margin-left:6%; padding-top:10px; height:460px !important}
	
		 .searchIncident .myIncident { display:block;  float:left;   margin-right:3%; margin-left:10px }
		 .searchIncident img { width:100%;  }
		 .searchIncident .formCollect { display:block; float:left; margin-top:32px; margin-right:3%; margin-left:10px }
		

		.banner { padding:0px; background:#fff; border:1px solid #cfcfcf; margin-top:20px;height:460px !important}
		.banner .banner_sub{width:100%;height:415px; background-color:#fff; border:1px solid #cfcfcf; margin-top:20px}
		.banner .titleBox { padding:0px 20px; margin-top:10px;}
		.banner .titleBox:after { content:""; display:block; clear:both; }
		.banner .titleBox .title { float:left; font-size:22px; color:#3d3d3d; padding-top:5px; }
		.banner .titleBox .control { float:right;  }
		.banner .titleBox .control .num { font-size:18px; color:#595959; vertical-align:top; padding-right:10px; line-height:30px;}
			
			 .banner .bannerBox { text-align:center; padding:5px 0px 14px 0px;}

		/* board  *******************************************************************************************************/
		.board { max-width:1160px; margin:0 auto; margin-top: 20px; }
		.board:after { content:""; display:block; clear:both; }
			.board > div { width:90%; height:auto; padding:35px 10px; margin-left:5%; }
		
	
		
		.prime .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;}
		.prime .titlebox:after { content:""; display:block; clear:both; }
		.prime .titlebox .title  { float:left; font-size:22px; color:#3d3d3d; width:190px; }
		.prime .titlebox .more { float:right; width:30px;}
		.prime .article { margin-top:20px;  padding:20px 10px; font-size:18px; color:#575757; line-height:26px; height:auto;}
		.prime .article:after { content:""; display:block; clear:both; }
		.prime .article .black { color:#000; }
		
		.prime .article .list .dotLine {  width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top;  margin:10px 0px 10px 0px; }
		.prime .article .list ul li { padding-bottom:0px; }
		/*.prime .article .list ul li a { color:#595959; font-size:13px; }
		.prime .article .list ul li .date { display:inline-block; float:right; color:#8e8e8e; font-size:14px;}
*/
		.prime .article .moreArticle { display:block; float:right; text-align:center;  width:78px; background:#871517; height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff;  }
		
		.courtNews{margin-left:6%}
		.courtNews .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;}
		.courtNews .titlebox:after { content:""; display:block; clear:both; }
		.courtNews .titlebox .title  { float:left; font-size:22px; color:#3d3d3d; width:190px; }
		.courtNews .titlebox .more { float:right; width:30px;}
		.courtNews .article { height:420px;  line-height:26px; }
		.courtNews .article:after { content:""; display:block; clear:both; }
		.courtNews .article .photo { width:100%; margin:0 auto; margin-top:20px;}
		.courtNews .article .photo img { max-width:100%; }
		.courtNews .article .textbox { margin-top:10px; }
		.courtNews .article .textbox .title { float:left; font-size:16px; color:#000; }
		.courtNews .article .textbox .date { float: right; font-size:14px; color:#646464; }
		.courtNews .article .textbox .text { font-size:15px; color:#575757; clear:both; padding-top:5px;}
		.courtNews .article .moreArticle { display:block; text-align:center;  width:78px; background:#871517; height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff;  }

		.newsletter { text-align:center;margin-left:6% }
		.newsletter_img1 {/*width:65% !important*}
		.newsletter_img2 {/*width:50% !important*/}


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

		/* lnb  */
		.subContainer .lnb { display:none }
		
		/* content */
		.subContainer .content { float:none;  width:96%; padding:0 2%; }
		
		
		/* programBox */
		.contentIn .programCon { text-align:left; }
		.contentIn .programBox { position:relative; text-align:left; display:inline-block; border: 1px solid #b9b9b9; height: 300px; min-height:180px; width:30%; margin:0px 1%; margin-top:15px; }
		.contentIn .programTitle01 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle01.jpg") right top no-repeat; }
		.contentIn .programTitle02 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle02.jpg") right top no-repeat; }
		.contentIn .programTitle03 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle03.jpg") right top no-repeat; }
		.contentIn .programTitle04 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle04.jpg") right top no-repeat; }
		.contentIn .programTitle05 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle05.jpg") right top no-repeat; }
		.contentIn .programBox .detailViewBtn { position:absolute; right:0px; bottom:0px;}
		
		.contentIn .viewBox .contentBox .movieArea { display:inline-block; width:100%; height:480px;}	/* 2022.02.23 */
		
		

	/* footer  *******************************************************************************************************/
	.footerOut .footerIn { max-width:1160px; margin:0 auto; padding-top:20px; clear:both;}
	.footerOut .footerIn:after { content:""; display:block; clear:both; }
	
	.footerIn .footerLogo { float:left; width:190px; }
	.footerIn .copybox { float:left; width:70%; }
	.footerIn .certi { float:left; }
	
	/* copybox  */
	.footerIn .copybox { margin-left:20px; }
	.footerIn .copybox .footerLink:after { content:""; display:block; clear:both;  }
	.footerIn .copybox .footerLink ul li { float:left; }
	.footerIn .copybox .footerLink ul li a { font-size:13px; color:#0d1820;}
	.footerIn .copybox .footerLink ul li span { font-size:13px; color:#eee; padding: 0 10px; }

	.footerIn .copybox .address { font-size:12px; color:#0d1820; margin-top:10px;}
	.footerIn .copybox .tel { font-size:12px; color:#0d1820;  margin-top:5px; }
	.footerIn .copybox .copyright { font-size:12px; color:#0d1820; margin-top:2px; } 

	.footerIn .certi { display:none; }
	.footerIn .certi img { margin-right:10px;  }
	.footerIn .certi .selCou { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px; }
	.footerIn .certi .siteGo { display:inline-block; padding:0 5px; height:37px; background:#36536a; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top;  margin-top:5px; margin-left:3px; }
	

}