@charset "utf-8";

/* base */
*{margin:0px; padding:0px;}
html,body{width:100%;height:100%}
html{overflow-y:scroll; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,span, a{margin:0;padding:0;text-align:left;}
body,h1,h2,h3,h4,h5,h6,input,label,button,textarea,select,table,a,p{font-size: 13px; color: #4d4d4d; line-height:140%; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; letter-spacing:0;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,textarea{vertical-align:middle;-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; }
img{vertical-align:top; border:0;}
i,em,address{font-style:normal}
label{cursor:pointer;margin:0 8px 0 3px;}
a{color:#000; text-decoration:none;}
a:hover{color:#009997;}

option{padding-right:6px}
legend,caption {font-size:0; height:0; width:1px; line-height:0; overflow:hidden; text-indent:-9999px;}
table{clear:both; border-collapse:collapse;border-spacing:0}
th,dt {text-align:left;}


/* float hack */
.clfix:after {content:"."; display:block; clear:both; visibility:hidden; height:0;} 
.clfix {display:inline-block;}
/* ie Holly Hack \*/ 
* html .clfix {height:1%;} 
.clfix {display:block;}
/* //ie Holly Hack E */
/* float hack E */
/* footer E */

.wrapBox{position:relative;width:960px;margin:0 auto}
#skipnavigation a {position:absolute; left:-3000%;}
#skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; text-align:center;}


/* layout*/
#visual_wrap, #footer_wrap, #cont_wrap{position:relative; width:100%;text-align:center;}
	.cont, .cont-sub, .visual, .main_cont, .cont_tit, .back_home{position:relative; width:960px; margin:0 auto;  overflow:hidden;}
	.cont{padding:28px 0 0 0; min-height:300px;}
	.cont-sub{padding:28px 0 0 0;}
	.main_cont{padding:40px 0 0 0;}
	.back_home{height:20px;}

#visual_wrap{background-color:#014190;}
	.visual{padding:24px 0 52px;}

.back_home{padding:0;}
	.home{float:right; padding-top:0px; }
	.home li{float:left;}
	.home li a{display:block; padding:0 16px; font-size:12px; color:#333333; font-weight:bold; border-right:1px solid #ccc;}
	.home li.on a, .home li a:hover{color:#009997;}
	.home .borND{border:none;}

#login_wrap{background-color:#f5f5f5;}

/* global */
.swd{min-width:100px;}
.wd98{width:98%;}
.flr{float:right;}
.clear{clear:both;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mtb10{margin:10px 0;}
.mlR10{margin:0 10px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}


.txC{text-align:center;}
.txR{text-align:right;}
.txL{text-align:left;}
.txN{font-weight:normal;}
.txLC{color:#0000ff; font-weight:bold; margin-top:5px;}
.txLCP{color:#ff0000; font-weight:bold; margin-top:5px;}
.txLCL{color:#ff0000; font-weight:bold; margin-top:5px; margin-left:12px;}
.txLCF{color:#999999; font-weight:bold; margin-top:5px;}

.org{color:#ea6101}
.yellow{color:#eaea00}
.blue{color:#0000ff}
a.blue{color:blue;}

/*table*/
table{width:100%;}
table td, table th{padding:10px 0 10px 10px; border-top:1px solid #ccc;}
table tr:first-child{border-top:1px solid #999;}
table th{color:#333333;}

.tbl01{ clear:both; border-top:2px solid #4d4d4d; border-bottom:1px solid #ccc;}
.tbl01 th{background-color:#e5e5e5;}
.tbl01 th.thGroup{background-color:#d9d9d9}
.tbl01 tr:first-child th, .tbl01 tr:first-child td{border:none;}
.tbl01 table th.thGroup{background-color:#d9d9d9}

.tbl01 thead th{text-align:center; padding-left:0;}
.tbl01 thead th.txL{text-align:left; padding-left:10px;}
.tbl01 thead th.txR{text-align:right; padding-right:10px;}
.tbl01 td a{font-size:13px;}
/*.tbl01 td a{font-size:12px; color:blue; text-decoration:underline;}*/
.tbl01 td.txR{text-align:right; padding-right:10px;}

.tbl01.tc01{margin-top:0px; border-top:none; border-bottom:1px solid #ccc;}
.tbl01.tc01 th{background-color:#0866B4; color:#fff;}
.tbl01.tc01 th, .tbl01.tc01 td{text-align:center; border-bottom:1px solid #ccc;}
.tbl01.tc01 td{padding-left:0;}

.tbl01.tc01 td.txL{text-align:left; padding-left:10px;}
.tbl01.tc01 tfoot th{border-top:1px solid #ccc; color:#4d4d4d; background-color:#fce7d9; }

.tbl01.tc02{margin-top:-1px; border-top:1px solid #ea6101;}
.tbl01.tc02 th{background-color:#fbdfcc; color:#ea6101;}

.tbl01.tc03{border-top:none; border-bottom:1px solid #ccc;}
.tbl01.tc03 th{background-color:#48a3cc; color:#fff;}
.tbl01.tc03 th, .tbl01.tc03 td{text-align:center; border-bottom:1px solid #ccc;}
.tbl01.tc03 td{padding-left:0;}

.tbl01.tc03 td.txL{text-align:left; padding-left:10px;}
.tbl01.tc03 tfoot th{border-top:1px solid #ccc; color:#4d4d4d; background-color:#fce7d9; }

.noti_txt{padding:7px 0; line-height:110%;}

.tbl01.txC th, .tbl01.txC td{text-align:center; padding-left:0;}
.tbl01.txC td.txL{ padding-left:10px; text-align:left;}
.tbl01 tbody tr .borR{border-right:1px solid #ccc}
.tbl01 tbody td.borA, .tbl01 thead th.borA{border-left:1px solid #ccc; border-right:1px solid #ccc}
.tbl01 tbody td.txR{text-align:right; padding-right:10px;}
.tbl01.txC .btn a{color:#4d4d4d;}
.tbl01.txC .btn a:hover{color:#fff;}

.transfer p{text-align:center;}
.answer{display:inline-block;padding-left:15px;background:url(../img/img_comments.gif) no-repeat 0 2px; color:#009997;}

/*input*/
textarea, input[type="text"], input[type="password"], select{height:28px; border:1px solid #808080; text-indent:4px;}
textarea{width:98%; resize:vertical;}
.txar{height:60px;}
.txar02{height:240px;}

/* button*/
.btn_wrap{padding:20px 0; text-align:center;}
.btn a {min-width:50px; padding:5px 12px;}
.btn.bc01 a{color:#fff; border:1px solid #7ABA20; background-color:#7ABA3D}
.btn10 a {min-width:10px; padding:1px 4px;}
.spo, .spc {min-width:50px; padding:1px 4px;}

.btn a,
.btn10 a {color:#4d4d4d; border:1px solid #ccc; background-color:#f5f5f5;}

.btn a:hover,
.btn10 a:hover{color:#fff; border:1px solid #023472; background-color:#014190}

.btn a,
.btn10 a,
.spo,
.spc  {display:inline-block; *zoom:1; *margin:0 3px; text-align:center; font-weight:bold; border-radius:3px;}

.spo{background-color:#080;}
.spc{background-color:#777;}

/* title*/
.cont_tit{background:url(../img/bg_h2.png) no-repeat 100% 0;}
.cont_tit h2{font-size:24px; padding:43px 0; color:#fff; font-weight:normal; letter-spacing:-2px;}

.cont h3{padding-top:46px; padding-bottom:12px; font-size:24px; color:#000; letter-spacing:-2px; font-weight:normal;}
.cont-sub h3{padding-top:46px; padding-bottom:12px; font-size:24px; color:#000; letter-spacing:-2px; font-weight:normal;}
.cont h4{padding-bottom:12px; color:#000; font-weight:bold;}
.cont h5{padding-bottom:12px; font-size:24px; color:#000; letter-spacing:-2px; font-weight:normal;}

.cont_stit{width:960px;padding-top:20px; margin-top:-20px; overflow:hidden;}
.cont_stit h3{padding-top:0; }
.cont_stit h3, .cont_stit p{float:left; padding-bottom:12px;}
.cont_stit p{letter-spacing:-1px;}
.cont_stit .btn{float:right; margin-top:-12px;}


/*cont*/
.info_wrap h3, .info_wrap2 h3, .intnet_wrap h3{padding-top:0;}
.info_wrap div, .info_wrap2 div{float:left; width:270px; height:210px;}

.info_wrap{position:relative; width:960px; margin:0 0 48px 0;  padding:0 0 48px 0; border-bottom:1px solid #d9d9d9; overflow:hidden;}
.info_wrap .info_bg01{width:270px; background:url(../img/bg_info01.jpg) no-repeat 100% 100%;}
.info_wrap .info_bg02{width:350px; margin:0 0 0 48px; background:url(../img/bg_info02.jpg) no-repeat 100% 100%;}
.info_wrap .info_bg02 p{padding-right:166px;}
.info_txt{position:absolute; top:42px; right:0; width:265px;}

.info_wrap2 div{height:310px;}
.info_wrap2 .info_bg03{background:url(../img/bg_info03.jpg) no-repeat 50% 100%;}
.info_wrap2 .info_bg03 h3, .info_wrap .info_txt span{color:#f60;}
.info_wrap2 .info_txt02{_width:318px; padding-top:42px; padding-left:48px;}
.info_wrap2 .info_txt02 a{font-size:14px;}



.intnet_wrap{margin: 0 0 48px 0; padding:0; overflow:hidden;}
.intnet_wrap dl{float:left; width:240px;  padding-top:0; background-color:#f5f5f5;}
.intnet_wrap dt{padding:24px; font-weight:bold; font-size:16px; color:#fff; background-color:#f60;}
.intnet_wrap dd{padding:24px 16px; height:180px; _height:270px; border-left:1px solid #ddd; letter-spacing:-1px;}

.intnet_wrap dl.first dt{background:#f90;}
.intnet_wrap dl.second dt{background:#f80;}
.intnet_wrap dl.third dt{background:#f70;}

.intnet_wrap dd, .intnet_wrap dd li{line-height:24px;}
.intnet_wrap dl.last dd{border-right:1px solid #ddd;}
.intnet_wrap dl.last li{padding-bottom:10px;}
.intnet_wrap dd li{padding-left:10px; text-indent:-10px;}

.info02_wrap{width:960px; overflow:hidden;}
.info02_wrap h3{padding:0 0 12px 0; border-bottom:1px solid #ccc; margin:0 0 20px 0; width:450px;}
.info02_wrap div{ float:left; width:450px;}
.info02_wrap div ul li{line-height:21px; padding:0 0 10px 10px; text-indent:-10px; letter-spacing:-1px;}

.tbl_txt{padding:20px 0 0 0;}
.tbl_txt li{padding-top:10px; padding-left:15px; text-indent:-15px;}
.tbl_txt li .org{color:#ea6101;}
.tbl_txt li li{padding-top:5px;}
.help_call {margin:48px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0 12px; height:48px; line-height:48px; background:#f5f5f5; text-align:center;}
.help_call span {color:#f60;}
.help_call span strong {font-family:tahoma; border-bottom:1px solid #f60;}


.search_wrap{position:relative;padding:0 0 24px 0; width:960px;}
.search_wrap ul li{display:inline;}
.search_wrap input{width:200px}
.search_wrap .btn{vertical-align:middle}
.search_num{padding:0 10px 10px;}
.search_wrap .writer_btn{position:absolute; top:0; right:0;}

/*popup admin과 동일함*/
.pop_wrap{position:relative;}
.calen_wrap{width:200px; padding:10px; border:1px solid #4d4d4d; background:#fff;}
.calen_wrap table td, .calen_wrap table th{border:1px solid #ccc; line-height:26px; padding:0; text-align:center;}
.calen_wrap table td a{font-size:14px;}
.calen_wrap table thead {background-color:#e5e5e5; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.calen_wrap table tbody td {height:26px;}
.calen_wrap p{padding-bottom:4px;}
.calen_wrap a{color:#000; }
.calen_wrap .dab a{color:#b1b1b1}

.pop_cont {width:100%; _width:500px; background-color:#fff;/* border:1px solid #000;*/}
.pop_cont table td, table th{padding:5px 0 5px 12px; border-top:1px solid #ccc;}
.pop_abw {width:100%; background-color:#fff; border:1px solid #000;}
.pop_abw table td, table th{padding:5px 0 5px 12px; border-top:1px solid #ccc;}
.pop_tit{height:34px; padding:10px 10px 0px 10px; background-color:#4d4d4d; color:#fff; overflow:hidden; }
.pop_tit strong{float:left;  font-weight:bold;}
.pop_tit a{float:right; color:#fff; font-weight:bold;}
.pop_tit.bgN{background:none; color:#000; padding:0 0 10px 0;}
.pop_tit.bgN a{color:#000;}

.calen_month a,.calen_month strong{float:left;}
.calen_month a{font-size:110%; padding-left:10px;}
.calen_month a:first-child{padding-left:0; padding-right:10px;}

.pop_cont .btn_wrap{border:none; padding:20px 0 10px;}

.pop_tb101{background-color:#f2f2f2; border-bottom:1px solid #ccc; border-top:none;}	
.pop_tb101 th{background:none; line-height:20px;}
.pop_tb102{border-top:2px solid #404040; border-bottom:1px solid #ccc;}
.pop_tb102 tr.bggr td{background-color:#f2f2f2;}

.pop_tb102 th{text-align:center; background-color:#f2f2f2;}
.pop_scroll{height:400px; overflow-y:scroll;}
.pop_scroll .pop_tb101, .pop_scroll .pop_tb102{*width:97%;}

.pop_tb103{border: 0; border-bottom: 1px solid #aaa;}
.pop_tb103 tr:first-child {border-top: 0;}
.pop_tb103 tr th {border-top: 0;}
.pop_tb103 tr td {border-top: 0;}

.pop_scroll2{height:600px; overflow-y:scroll;}
.pop_tb104{height:100%;}
.pop_tb104 th{background:#aaa; line-height:24px; }
.pop_tb104 tr:first-child {border-top: 0;}
.pop_tb104 tr th {padding:10px; border:1px solid #d1cfcf; border-top: 0; font-size:14px; }
.pop_tb104 tr td {padding:10px; border:1px solid #d1cfcf; border-top: 0; line-height:20px;font-size:14px; }

/*popup tap*/
.tab.line{padding:0 0 130px 0;}
.tab.line ul {margin:0;padding:0;font-family:Tahoma, Sans-serif;*zoom:1}
.tab.line ul:after{content:"";display:block;clear:both}
.tab.line li {float:left;margin-bottom: -1px;}
.tab.line li a {position:relative;float:left;border:1px solid #aaa;border-bottom-color:#aaa;background:#ccc;color:#777;margin-top:-1px;}
.tab.line li a span {display:inline-block;width:222px;padding:12px 0;cursor:pointer;text-align:center;}

.tab.line li.active a {border:1px solid #ccc; margin-top:-1px;background:transparent;color:#000;}
.tab.line li.active a span {font-weight:bold;}

.tab.line li ul {position:absolute;top:92px;_top:82px;left:0;margin:0;padding:0;}
.tab.line li li {width:450px;padding:6px;border-bottom:1px solid #ccc;overflow:visible;}
.tab.line li li label{cursor:pointer;display:inline-block;width:80px; padding-left:10px;}
.tab.line li li.sch{padding-left:190px;margin:0;border-bottom:0;}

/*paging*/
.paging{padding:20px 0 0 0; text-align:center;}
.paging p{text-align:center;}
.paging a{display:inline-block; margin:0 0 0 -5px; padding:5px 10px; color:#0000ff; text-align:center; border-right:1px solid #ccc;font-family:tahoma, 'Malgun Gothic';}
.paging a:hover, .paging a.on{color:#000;}
.paging a.on{font-weight:bold; background:#ddd;}
.paging .pre, .paging .nex, .paging .borN{border:none;}
.paging .disa{color:#ccc;}

.pop_paging{padding:10px 0px 10px 0px; text-align:center;}
.pop_paging p{text-align:center;}
.pop_paging a{display:inline-block; margin:0 0 0 -5px; padding:5px; color:#0000ff; text-align:center; border-right:1px solid #ccc;font-size:12px;}
.pop_paging a:hover, .paging a.on{color:#000;}
.pop_paging a.on{font-weight:bold; background:#ddd;}
.pop_paging .pre, .pop_paging .nex, .pop_paging .borN{border:none;}
.pop_paging .disa{color:#ccc;}


/* 2014-12-09 김상유 추가 */
hr																				{display: none;}
body																			{margin: 0 auto;}

/* typography */
.em.state-c																		{color: #009997;}

.dimmed-all.active																{display: block;}
.dimmed-all																		{display: none; position: fixed; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; background-image: url(../img/bg_dimmed.png); background-repeat: repeat; background-position: 0 0;}

/* indicator */
.indicator																		{display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/bg_dimmed.png') repeat 0 0;}
.indicator p																	{position: fixed; top: 50%; left: 50%; margin: -90px 0 0 -180px; padding-top: 100px; width: 360px; height: 80px; line-height: 20px; color: #ffffff; text-align: center; font-size: 16px; font-family: dotum, sans-serif; border-radius: 10px; background: #000000 url('../img/indicator.gif') no-repeat 50% 36px;}
.indicator.active																{display: block;}

/* slider */
.slider .slider-stage															{position: relative; overflow: hidden;}
.slider .slider-stage .slider-item												{margin: 0; padding: 0; height: 100%; list-style: none;}
.slider .slider-stage .slider-item:after										{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.slider .slider-stage .slider-item>*											{float: left; height: 100%;}
.slider .slider-panel															{font-size: 0; line-height: 0; border: 1px solid #cccccc; border-radius: 3px; background-color: #f5f5f5;}
.slider .slider-panel .pagination												{display: inline-block; padding: 0 8px; vertical-align: top; height: 22px; line-height: 22px; font-size: 10px; font-family: tahoma, sans-serif;}
.slider .slider-panel .btn														{display: inline-block; position: relative; vertical-align: middle; overflow: hidden; margin: 0; padding: 0; width: 22px; height: 22px; line-height: 22px; font-size: 10px; font-family: tahoma, sans-serif; border: none; border-color: transparent; background-color: transparent;}
.slider .slider-panel .btn:focus												{border: 0; border-color: transparent;}
.slider .slider-panel .btn .after												{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../img/bg_slider_panel.png); background-repeat: no-repeat; border-left: 1px solid #cccccc;}
.slider .slider-panel .btn.prev .after											{background-position: 0 0;}
.slider .slider-panel .btn.next .after											{background-position: 0 -22px;}
.slider .slider-panel .btn.play .after											{background-position: 0 -44px;}
.slider .slider-panel .btn.stop .after											{background-position: 0 -66px;}

/* layer-poup */
.layer-poup.theme-a																{position: relative; z-index: 999; font-size: 14px; font-family: dotum, sans-serif; border-radius: 20px; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.5); background-color: #ffffff;}
.layer-poup.theme-a h2															{margin: 0 0 18px 0; color: #000000; letter-spacing: -0.1em; font-size: 30px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
.layer-poup.theme-a .subtitle													{margin: 0; line-height: 24px; color: #969696; font-size: 14px;}
.layer-poup.theme-a p															{margin: 18px 0;}
.layer-poup.theme-a .layer-popup-control .btn.close								{position: absolute; top: -30px; right: -30px; overflow: visible; margin: 0; padding: 0; width: 60px; height: 60px; font-size: 12px; font-family: dotum, sans-serif; border: 0; background-color: transparent; cursor: pointer;}
.layer-poup.theme-a .layer-popup-control .btn.close .after						{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/bg_layerpoup_close.png); background-repeat: no-repeat; background-position: 0 0;}
.layer-poup.theme-a.bui-toggle-target											{display: none; position: fixed; top: 50%; left: 50%; margin: -240px 0 0 -240px;}
.layer-poup.theme-a.bui-toggle-target.active									{display: block;}

/* layer-poup 담당 지역별 연락처 */
.layer-poup.theme-a.contact-us													{padding: 40px 30px 30px 30px; width: 420px;}
.layer-poup.theme-a.contact-us ul												{*zoom: 1; margin: 18px 0 0 0; padding: 0; list-style: none; border-top: 1px solid #cccccc;}
.layer-poup.theme-a.contact-us ul:after											{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.layer-poup.theme-a.contact-us ul li											{float: left; vertical-align: top; width: 100%; border-bottom: 1px solid #cccccc;}
.layer-poup.theme-a.contact-us ul li .dhead										{float: left; padding: 6px; width: 100px; line-height: 24px;}
.layer-poup.theme-a.contact-us ul li .dtext										{float: left; padding: 6px 0; width: 96px; line-height: 24px; text-align: center; color: #009997; font-family: tahoma, sans-serif; /*background-color: #eeeeee;*/}
.layer-poup.theme-a.contact-us ul li .dcont										{float: right; padding: 6px; width: 200px; line-height: 24px; text-align: left; color: #009997; font-family: tahoma, sans-serif; background-color: #eeeeee;}


/* related-info */
.related-info																	{margin: 20px auto 0 auto; width: 960px;}
.related-info h2																{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.related-info ul																{*zoom: 1; margin: 0; padding: 0; list-style: none;}
.related-info ul:after															{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.related-info ul li																{float: left; width: 237px;}
.related-info ul li+li															{margin-left: 4px;}
.related-info ul li .item														{display: block; height: 110px; padding: 10px 20px 0 10px; text-decoration: none; border: 1px solid #cccccc; background-color: #eeeeee;}
.related-info ul li a.item														{cursor: pointer;}
.related-info ul li .item .title												{display: block; line-height: 20px; letter-spacing: -0.1em; color: #646464; font-size: 14px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
.related-info ul li .item .subtitle												{display: block; line-height: 24px; letter-spacing: -0.1em; color: #303030; font-size: 20px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; font-weight: bold;}
.related-info ul li .item .subtitle span										{display: inline-block; vertical-align: top;}
.related-info ul li .item .subject												{display: block; position: relative; margin-top: 20px; height: 60px; color: #646464; font-size: 20px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; font-weight: bold;}
.related-info ul li .item .subject .after										{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/bg_related_info.png); background-repeat: no-repeat;}
.related-info ul li.item-01 .item .em											{color: #014190;}
.related-info ul li.item-01 .item .subject										{line-height: 30px;}
.related-info ul li.item-01 .item .subject .after								{background-position: 0 0px;}
.related-info ul li.item-02 .item .em											{color: #014190;}
.related-info ul li.item-02 .item .subject										{line-height: 60px;}
.related-info ul li.item-02 .item .subject .after								{background-position: 0 -70px;}
.related-info ul li.item-03 .item .em											{color: #646464;}
.related-info ul li.item-03 .item .subject										{line-height: 60px;}
.related-info ul li.item-03 .item .subject .after								{background-position: 0 -140px;}
.related-info ul li.item-04 .item .em											{color: #646464;}
.related-info ul li.item-04 .item .subject										{line-height: 60px;}
.related-info ul li.item-04 .item .subject .after								{background-position: 0 -210px;}

.related-info ul li a.item:hover												{background-color: #d1cfcf;}
/* header */
#header																			{position: relative; display:block;/*margin-bottom: 20px;*/ }
#header h1																		{margin: 0; padding: 0;}
#header h1 a																	{display: inline-block; vertical-align: top; padding: 44px 0 0 90px; height: 46px; line-height: .95; letter-spacing: -0.1em; color: #000000; text-decoration: none; font-size: 20px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; background: url(../img/bg_logo.jpg) no-repeat 0 100%;}
#header h1 a .em																{display: inline-block; color: #014190;}
#header .lnb																	{ border-top:1px #ccc solid;padding-bottom:4px; background:url("../img/bg_gnb.png") repeat-x 0 100% }
#header .lnb h2																	{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#header .lnb ul																	{*zoom: 1; padding: 0; list-style: none;border-right:1px solid #cccccc;}
#header .lnb ul:after															{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#header .lnb ul li																{display:block;float: left; width: 159px; text-align: center; font-weight: bold;border-left:1px solid #cccccc;}
#header .lnb ul li a															{display: inline-block; text-align:center; vertical-align: top; padding-top: 15px; width:159px; height: 31px; line-height: .95; letter-spacing: -0.1em; color: #000000; text-decoration: none;  font-size: 15px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#header .lnb ul li.active a, #header .lnb ul li a:hover							{background-color:#64bb50; color: #ffffff;}
#header .shortcut																{position: absolute; top: 0px; right: 0;}
#header .shortcut h2															{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#header .shortcut ul.nth1															{*zoom: 1; margin: 0; padding: 0; list-style: none;}
#header .shortcut ul.nth1 li															{float: left; width:160px;background:#333}
#header .shortcut ul.nth1 li+li														{ padding-left:1px;background:#333 url(../img/bg_part_vertical_01.png) no-repeat 0 50%;}
#header .shortcut ul.nth1 li a														{display: block; text-decoration: none; color: #fff;padding: 9px 7px 10px 7px; line-height: 0.95;text-align:center; font-size: 12px;font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}

#header .shortcut ul.nth2															{position: absolute; right:0;top:44px;margin: 0; padding: 0; list-style: none;}
#header .shortcut ul.nth2 li															{float:left;margin-left:11px;}
#header .shortcut ul.nth2 li a														{display: block; text-decoration: none; color: #000;padding: 9px 11px 10px 7px; line-height: 0.95;text-align:right; font-size: 12px;font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;  background:url(../img/bullet_link.gif) no-repeat 100% 50%}


/* content */
#content																		{margin-top: 20px;}
#content .content-header														{margin-bottom: 20px; background-color: #014190;}
#content .content-header h2														{margin: 0 auto; padding-top: 48px; width: 960px; height: 72px; line-height: .95; font-weight: normal; color: #ffffff; letter-spacing: -0.1em; font-size: 24px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; background: url(../img/bg_h2.png) no-repeat 100% 0;}
#content .content-primary														{*zoom: 1; margin: 0 auto; width: 960px;}
#content .content-primary:after													{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#content .content-primary .billboard											{float: left; width: 960px; height: 316px;}
#content .content-primary .billboard img										{vertical-align: top;}
#content .content-primary .application											{position:absolute;bottom:31px;left:0px;}
#content .content-primary .application h2										{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#content .content-primary .application ul										{margin: 0; padding: 0; list-style: none;}
#content .content-primary .application ul li									{	float:left; width:173px;height:130px;color:#fff 	}
#content .content-primary .application ul li.item-01							{background-color:#65bb50}
#content .content-primary .application ul li.item-02							{background-color:#2baa5f}
#content .content-primary .application ul li.item-03							{background-color:#296dde;width:441px}
#content .content-primary .application ul li.item-04							{background-color:#321a88}

#content .content-primary .application ul li .item								{position:relative;display: block; height:100%; padding: 0px 23px; text-decoration: none;color:#fff }
#content .content-primary .application ul li .item .title						{display: block; font-size: 22px;line-height: 24px; padding-top:22px;letter-spacing: -0.1em;  font-weight:bold; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .content-primary .application ul li .item .subtitle					{display: block;font-size: 14px;  line-height: 28px; letter-spacing: -0.1em; font-weight:bold; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .content-primary .application ul li .item .arrow					{ position:absolute;left:23px;bottom:18px;width:36px;height:24px;background:url("../img/main_arrow.png") no-repeat 0 0 }

#content .content-primary .application ul li.item-03 .item						{  }
#content .content-primary .application ul li.item-03 .item .subject .after		{background-image: url(../img/bg_main_normal_3.png); background-repeat: no-repeat;}
#content .content-primary .application ul li.item-03 .item .subinput			{display: block;padding-top:24px;}
#content .content-primary .application ul li.item-03 .item .subinput input[type="text"] {float:left; width:142px; height:36px; line-height:36px; border:1px solid #999999; font-size:14px;color:#00000;font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .content-primary .application ul li.item-03 .item .subinput input+input{margin-left:-1px}
#content .content-primary .application ul li.item-03 .item .btn a				{display:inline-block;vertical-align: top;min-width:50px; font-size:14px; padding:8px 14px;}
#content .content-primary .application ul li.item-03 .item .btn.bc01 a			{width:100px;padding: 8px 0px;color:#fff; border:1px solid #333; background-color:#333;border-radius: 0px;}
#content .content-primary .application ul li.item-03 .item .btn a:hover			{color:#fff; border:1px solid #023472; background-color:#014190}

#content .content-secondary .pickup_zone										{float:right; width: 460px;}
#content .content-secondary .pickup_zone .pickup_notice							{background: #f8f8f8 url(../img/main_pickupNotice_bg.png) no-repeat 0 0; border:1px solid #ccc; }
#content .content-secondary .pickup_zone .pickup_notice h2 { padding-left:124px; padding-top:23px; font-size:24px; color:#000;font-weight:normal }
#content .content-secondary .pickup_zone .pickup_notice h2 span { display:block;font-size:12px; color:#777;line-height:14px  }
#content .content-secondary .pickup_zone .pickup_notice .pickup_cont{display:block;padding:7px 20px 12px 20px}
#content .content-secondary .pickup_zone .pickup_notice .pickup_info0{display:block; height:20px;padding:27px 0 15px 0;margin-left:-20px;margin-right:-20px;font-size:14px; color:#21a600; font-weight:bold;letter-spacing:-1px;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_info0 em{ float:left;width:33.3%;margin-left:-1px;text-align:center;background: url(../img/bg_part_vertical_01.png) no-repeat 0 50%; }
#content .content-secondary .pickup_zone .pickup_notice .pickup_info1{display:block;padding-bottom:3px;font-size:12px; color:#333; letter-spacing:-1px;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_info1 .pickup_info1_sub01{display:inline-block;line-height:16px;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_info1 .pickup_info1_sub02{display:inline-block;line-height:16px; padding:0 0 0 13px;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_info2{display:block; font-size:12px; color:#333; letter-spacing:-1px;}

#content .content-secondary														{position: relative; margin: 0 auto;width: 940px; padding-top:20px;overflow: hidden;}
#content .latest-notice 						{  position: relative; height:45px;border-bottom:1px #ccc solid }
#content .latest-notice	.wrapBox			{  width:940px }
#content .latest-notice h2						{margin: 0;padding:0; position:absolute; left:20px; top:12px;color: #000; font-size: 15px; padding-right:19px;background: url("../img/main_notice_bullet.gif") no-repeat 100% 50% ;font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .latest-notice ul						{margin: 0; padding: 0; list-style: none;margin-left:160px;margin-right:35px}
#content .latest-notice ul li					{*zoom: 1; padding: 11px 0; }
#content .latest-notice ul li:after			{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#content .latest-notice ul li .title			{float: left; line-height: 20px; color: #555555; text-decoration: none; font-size: 13px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .latest-notice ul li .date			{float: right; line-height: 20px; text-decoration: none; font-size: 13px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .latest-notice .controll			{ position:absolute; right:-2px; top:4px;width:25px;}
#content .latest-notice .controll button{  width:25px;height:19px;border:0;background:url("../img/main_notice_arrow.gif") no-repeat 3px 0;text-indent:-9999px ;cursor:pointer  }
#content .latest-notice .controll button.next{  background-position:3px 100%  }

#content .content-secondary .main-posts										{position: relative;float:left; width:460px;  }
#content .content-secondary .main-posts .aside								{position: absolute; top: 12px; right: 0;}
#content .content-secondary .main-posts .aside .btn.more						{display: inline-block; vertical-align: top; padding-top: 12px; height: 17px; line-height: .95; color: #646464; text-decoration: none; font-size: 13px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}

#content .content-secondary .main-posts .main-info							{position: relative;  background-color: #f0f0f0; border:1px solid #ccc; color: #000000; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;  }
#content .content-secondary .main-posts .main-info h2						{margin: 0; height: 64px; padding-left:83px;padding-top:35px; font-weight:normal;background: #fff url("../img/main_warning.gif") no-repeat 18px 50% ;  font-size: 24px; color:#000;letter-spacing:-1px;}
#content .content-secondary .main-posts .main-info ul						{margin: 0; padding: 0; list-style: none; /*height:132px;*/ letter-spacing:-1px;}
#content .content-secondary .main-posts .main-info ul li					{display:block;padding:13px 10px 13px 14px;border-top:1px solid #ccc; font-size: 14px; }

/* content-info */
#content .content-info															{display:block;margin-bottom:20px}
#content .content-info h2														{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#content .content-info ul														{*zoom: 1; margin: 0; padding: 0; list-style: none;}
#content .content-info ul:after													{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#content .content-info ul li													{position:relative;float: left; width: 150px;}
#content .content-info ul li+li													{margin-left: -1px}
#content .content-info ul li .item												{display: block; height: 50px; padding: 0 14px; padding-top:48px;text-decoration: none; border: 1px solid #cccccc; background-color: #f8f8f8;}
#content .content-info ul li a.item												{cursor: pointer;}
#content .content-info ul li .item .info-cont									{float: left; display: block; width:160px; }
#content .content-info ul li .item .title										{display: block; line-height: 28px; letter-spacing: -0.1em; color: #000000; font-size: 18px; font-weight: bold; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; }
#content .content-info ul li .item .subtitle									{display: block; line-height: 28px; letter-spacing: -0.1em; color: #303030; font-size: 18px; font-weight: bold; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; }
#content .content-info ul li .item .subtitle span								{display: inline-block; vertical-align: top;}
#content .content-info ul li .item .after								{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding:0 0 0 12px;}
#content .content-info ul li.item-01 .item .em									{color: #014190;}
#content .content-info ul li.item-01 .item .after						{background-image: url(../img/img_mbi_1.png); background-repeat: no-repeat;}
#content .content-info ul li.item-02													{  width:162px }
#content .content-info ul li.item-02 .subtitle									{letter-spacing: 0.1em; font-size: 19px;}
#content .content-info ul li.item-02 .item .em									{color: #ff5722;}
#content .content-info ul li.item-02 .item .after						{background-image: url(../img/img_mbi_2.png); background-repeat: no-repeat;}
#content .content-info ul li.item-03													{}
#content .content-info ul li.item-03 .subtitle									{font-size: 16px;}
#content .content-info ul li.item-03 .item .em									{color: #00a73c;}

/* footer */
#footer																			{position: relative; margin-top: 35px; padding: 20px 0; border-top: 1px solid #e5e5e5;}
#footer .inner-wrap																{margin: 0 auto; padding-left: 140px; width: 810px; background: url(../img/footer_logo.jpg) no-repeat 8px 3px;}
#footer .supported h2															{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#footer .supported ul															{*zoom: 1; margin: 0; padding: 0; list-style: none;}
#footer .supported ul:after														{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer .supported ul li														{float: left; padding-right: 8px; font-size: 13px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#footer .supported ul li+li														{padding-left: 8px; background: url(../img/bg_part_vertical_01.png) no-repeat 0 50%;}
#footer .supported ul li a														{display: block; padding-top: 3px; height: 17px; line-height: .95; text-decoration: none; color: #000000;}
#footer .supported ul li a:hover,
#footer .supported ul li a:focus,
#footer .supported ul li a:active												{color: #009997;}
#footer .contacts																{margin-top: 12px;}
#footer .contacts h2															{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#footer .contacts address														{font-style: normal; line-height: 20px; color: #646464; font-size: 12px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#footer .contacts address span													{display: inline-block;}
#footer .contacts address span+span												{margin-left: 8px;}
#footer .contacts address span strong											{display: inline-block; color:#000}
#footer .email-reject															{margin: 0; line-height: 20px; color: #646464; font-size: 12px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#footer .email-reject em														{display: inline-block; font-style: normal;}
#footer .copyright																{margin: 0; line-height: 16px; color: #989898; font-size: 11px; font-family: verdana, dotum, sans-serif;}

/* intro */
#intro #header																	{margin-bottom:0}
#intro #content																	{margin-top:0}
#intro #visual_wrap															{ height:479px;border-bottom:1px #ccc solid;background: url(../img/bg_landscape.jpg) repeat-x 0 0;}
#intro .content-primary														 {position: relative; margin: 0 auto; width: 960px;height:100%;background: url(../img/img_landscape.png) no-repeat center 25px}
#intro .content-primary .billboard img											{vertical-align: top;}

#popup																			{margin: 0; padding: 0;}
#popup .popup-wrap																{position: relative;}
#popup .popup-header															{background-color: #4d4d4d;}
#popup .popup-header h1															{margin: 0; padding: 16px 12px; height: 16px; line-height: 1; color: #ffffff; font-size: 16px; font-family: dotum, sans-serif;}
#popup .popup-header button														{position: absolute; top: 16px; right: 12px; margin: 0; padding: 0; height: 14px; line-height: 1; font-weight: bold; color: #ffffff; font-size: 14px; font-family: dotum, sans-serif;  border: 0; background-color: transparent;}

.tabs.theme-a																	{*zoom: 1; border-bottom: 1px solid #aaa;}
.tabs.theme-a:after																{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.tabs.theme-a li																{float: left; width: 50%;}
.tabs.theme-a li a																{display: block; padding: 16px 0; height: 14px; line-height: 1; font-size: 14px; text-align: center; color: #777; background-color: #ccc;}
.tabs.theme-a li.active a														{font-weight: bold; background-color: #ffffff;}
.tabs.theme-a li+li a															{border-left: 1px solid #aaa;}

.bui-toggle-target																{display: none;}
.bui-toggle-target.active														{display: block;}

/* indicator 2014-12-02 김상유 추가 */
.indicator {display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/bg_dimmed.png') repeat 0 0;}
.indicator p {position: fixed; top: 50%; left: 50%; margin: -90px 0 0 -180px; padding-top: 100px; width: 360px; height: 80px; line-height: 20px; color: #ffffff; text-align: center; font-size: 16px; font-family: dotum, sans-serif; border-radius: 10px; background: #000000 url('../img/indicator.gif') no-repeat 50% 36px;}
.indicator.active {display: block;}

/*.ui-datepicker-week-end .ui-state-default, .ui-datepicker-week-end span {color:red;}*/

/*market nara add 2020-10-26*/
.market_nara_go {position: absolute;bottom: 148px; left: 0px; background: #f9802b; padding: 0px 23px; width: 473px;}
.market_nara_go a h2 {display: block; font-size: 22px; line-height: 24px; padding-top: 22px; letter-spacing: -0.1em; font-weight: bold; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; color: #fff;}
.market_nara_go ul {padding: 10px 0 25px 0;}
.market_nara_go ul li {color: #fff;} .market_nara_go ul li.yellow {color: #fffb70; font-weight: 600;}