@charset "utf-8";
/* @import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); */
@font-face {
    font-family: 'nanumsquare-b';
    src: url('font/nanumsquareb-webfont.woff2') format('woff2'),
         url('font/nanumsquareb-webfont.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'nanumsquare-eb';
    src: url('font/nanumsquareeb-webfont.woff2') format('woff2'),
         url('font/nanumsquareeb-webfont.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'nanumsquare-l';
    src: url('font/nanumsquarel-webfont.woff2') format('woff2'),
         url('font/nanumsquarel-webfont.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'nanumsquare-r';
    src: url('font/nanumsquarer-webfont.woff2') format('woff2'),
         url('font/nanumsquarer-webfont.woff') format('woff');
    font-style: normal;
}
/* base */
html {overflow-y:scroll}
body {font-family:'Malgun Gothic', 'Nanum Gothick', Dotum,AppleGothic,Arial,sans-serif; font-size:12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
input, select, textarea, button, label {font-size:100%; vertical-align:middle}
input, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
fieldset, img, iframe {border:0 none}
img {vertical-align:middle}
textarea {resize:none}
th, td {text-align:left}
em, address {font-style:normal}
a {text-decoration:none}
a:hover {
  color: #264F86;
}
a{color:#000; text-decoration:none;}
a:hover{color:#264F86;}
a:hover,a:active,a:focus{text-decoration:none;}
menu,li {list-style:none}
button {padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle; background:none}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display:none}
i,em,address{font-style:normal}
label {cursor:pointer}
table {border-spacing:0; border-collapse:collapse}



.web {width:1024px; margin:0 auto; position: relative;}
.web:after {content:""; display:block; clear:both;}

#wrap { }
#wrap:after {content:""; display:block; clear:both;}

	.main_slide {background:#e8f5fd;}
	.main_slide .slide01 {height:440px; background:url(../img/vis_img.png) left top no-repeat;}
	.main_slide .slide01 .tit {padding-top: 138px; float:right;}

	.waste_step {height:144px; background:url(../img/stp_bg.png) no-repeat;}
	.waste_step li {float: left;}
	.waste_step li.tit {margin-top:50px; margin-right: 30px;}
	.waste_step li.txt {margin-top:20px; margin-left:24px; font-size: 13px; font-weight: bold; color: aliceblue; letter-spacing:-1.5px; text-align:center; line-height: 36px;}
	.waste_step li.arrow {margin-top:50px; margin-left:24px; }
	.waste_step span {padding-left: 640px;}


	.pick_svc {height:343px; background:#f7f6f6; padding-top: 30px;}
	.pick_svc li {float: left;}
	.pick_svc .tit {padding-right: 100px;}

	
	.step4 {height:115px; background:#354f5f; padding: 20px 0;}
	.step4 li {float: left; width:25%; vertical-align: middle;}

	.main_note {height:282px; background:#f7f6f6;}
	.main_note .ntit {text-align: center; padding-top: 46px;}
	.main_note ul { margin-top: 20px;}
	.main_note li {float: left;}
	.main_note li.txt {width:148px; height:148px; background:url(../img/ntc_txt_bg.png) no-repeat;}
	.main_note li.icon {padding-top: 60px; padding-left: 20px; padding-right: 20px;}
	.main_note .in_box { width:148px; height:148px; text-align: center; display: table-cell; text-align: center; vertical-align: middle; font-weight: bold; font-size: 14px;}
	
	
    .full-width {
	  width: 100%;
	  border-top: 1px solid #cccccc; 
	  border-bottom: 1px solid #cccccc;
	}
	.fix-width {
	  display: block;
	  margin: 0 auto;
	  padding:20px;
	  width: 1024px;
	  height:20px;
	  font-size:14px;
	}
	.fix-width ul li{
	  display: inline-block;
	}
	.fix-width ul li.cn{
	  padding-left:50px;
    }
	.fix-width ul li.ed{
	  float:right;
    }

	/* 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 {
		color: #000000;
		letter-spacing: -0.1em;
		font-size: 30px;
		font-weight: bold;
		font-family: 'Malgun Gothic', 'Nanum Gothick', Dotum,AppleGothic,Arial,sans-serif;
	}
	.layer-poup.theme-a .subtitle {
		line-height: 24px;
		color: #969696;
		font-size: 14px
	}
	.layer-poup.theme-a .layer-popup-control .btn.close {
		position: absolute;
		top: -30px;
		right: -30px;
		overflow: visible;
		padding: 0;
		width: 60px;
		height: 60px;
		font-size: 12px;
		font-family: dotum, sans-serif;
		border: 0;
		background-image: url(../img/bg_layerpoup_close.png);
		background-repeat: no-repeat;
		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 {
		position: fixed;
		margin: -240px 0 0 -240px;
		top: 50%;
		left: 50%;
	}
	.layer-poup.theme-a.bui-toggle-target.active {
		display: block;
	}
	.layer-poup.theme-a.contact-us {
		padding: 40px 30px 30px 30px;
		width: 420px;
	}
	.layer-poup.theme-a.contact-us ul {
	*zoom: 1;
		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: 50%;
		border-bottom: 1px solid #cccccc;
	}
	.layer-poup.theme-a.contact-us ul li .dhead {
		float: left;
		padding: 6px;
		width: 96px;
		line-height: 24px;
	}
	.layer-poup.theme-a.contact-us ul li .dtext {
		float: right;
		padding: 6px 0;
		width: 96px;
		line-height: 24px;
		text-align: center;
		color: #50b280;
		font-family: tahoma, sans-serif;
		background-color: #f5f5f5;
	}
	.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;}
	.dimmed-all.active {display: block;}
	
	
	
	.footer {height: 88px; padding-top: 38px; border-top: 1px solid #cccccc; margin-top:40px;}
	.footer ul li {float: left; color:#666; padding-left: 50px;}
	.footer ul li p {font-size: 14px; line-height: 18px;}
	.footer ul li span { color:#e67d02; font-weight: bold;}

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

#visual_wrap{background-color:#00A785;}
.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: #264F86;}
.home .borND{border:none;}

#login_wrap{background-color:#f5f5f5;}

/* global */
.swd{min-width:100px;}
.swd_o{min-width:56px;}
.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}
.userorg{color:#f53f05}
.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:#649313; 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;}

.cont-sub .tbl01 td{border-right:1px solid #ccc;}
.cont-sub .tbl01 tr th{border-right:1px solid #ccc;}
.cont-sub .tbl01 tr td{padding-left:10px; padding-right:5px;}
.cont-sub .tbl01 tr th:last-child, .cont-sub .tbl01 tr td:last-child{border-right:none;}

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

/*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 #337abc; background-color:#337abc;}
.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:#065590}

.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-sub h2{padding-left:20px; font-size:18px; letter-spacing:-1px; font-weight:bold;}
.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:1024px;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:180px;}

.info_wrap{position:relative; width:1024px; 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:450px; margin:0 0 0 48px; background:url(../img/bg_info02.jpg) no-repeat 100% 100%;}
.info_wrap .info_bg02 p{padding-right:156px;}
.info_wrap .info_txt{position:absolute; top:42px; right:0; width:240px;}

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



.intnet_wrap{margin: 0 0 24px 0; padding:0; overflow:hidden;}
.intnet_wrap dl{float:left; width:25%;  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:12px 30px; height:170px; letter-spacing:-1px;}
.intnet_wrap dl.second dd,
.intnet_wrap dl.third dd {padding:12px 40px 12px 52px;}

.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.first li,
.intnet_wrap dl.last li{padding-bottom:10px;}
.intnet_wrap dd li{padding-left:12px; text-indent:-17px; word-break:break-all;}


.intnet_wrap2{margin: 0 0 24px 0; padding:0; overflow:hidden;}
.intnet_wrap2 h3{padding-top:24px;}
.intnet_wrap2 dl{float:left; width:33%;  padding-top:0; background-color:#f5f5f5;}
.intnet_wrap2 dl.last{width:34%;}
.intnet_wrap2 dt{padding:24px; font-weight:bold; font-size:16px; color:#fff; background-color:#649313;}
.intnet_wrap2 dd{padding:12px 16px; height:160px; border-left:1px solid #ddd; letter-spacing:-1px;}

.intnet_wrap2 dl.first dt{background:#02c30f;}
.intnet_wrap2 dl.second dt{background:#649313;}
.intnet_wrap2 dl.third dt{background:#649313;}

.intnet_wrap2 dd, .intnet_wrap2 dd li{line-height:24px;}
.intnet_wrap2 dl.last dd{border-right:1px solid #ddd;}
.intnet_wrap2 dl.last li{padding-bottom:10px;}
.intnet_wrap2 dd li{padding-left:12px; text-indent:-17px; word-break:break-all;}

.info02_wrap{width:1024px; overflow:hidden;}
.info02_wrap h3{padding:0 0 12px 0; border-bottom:1px solid #ccc; margin:0 0 20px 0; width:480px;}
.info02_wrap div{ float:left; width:480px;}
.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:1024px;}
.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; width:580px;}
.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_gunpoweb {width:100%;_width:500px; background-color:#fff;/* border:1px solid #000;*/}
.pop_gunpoweb 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:42px; 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_gunpoweb .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;}

/*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{gunpowebent:"";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: #264F86;}

.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: 310px; 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: #264F86; 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: #264F86; font-family: tahoma, sans-serif; background-color: #eeeeee;}


/* related-info */
.related-info																	{margin: 20px auto 0 auto; width: 1024px;}
.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: 253px;}
.related-info ul li+li															{margin-left: 4px;}
.related-info ul li .item														{display: block; height: 110px; padding: 10px 10px 0 10px; text-decoration: none; border: 1px solid #cccccc; background-color: #eeeeee;border-radius:5px;}
.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: #065590;}
.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: #065590;}
.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: #d5d5d5;}




/* content */
#content																		{margin-top: 20px;}
#content .content-header														{margin-bottom: 20px; background-color: #065590;}
#content .content-header h2														{margin: 0 auto; padding-top: 48px; width: 1024px; 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: 1024px;}
#content .content-primary:after													{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#content .content-primary .billboard											{float: left; width: 1024px; height: 316px;}
#content .content-primary .billboard img										{vertical-align: top;}
#content .content-primary .application											{float: left; width: 220px; margin:20px 0 0 10px;}
#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+li									{margin-top: 12px;}
#content .content-primary .application ul li .item								{display: block; vertical-align: top; width:220px; height: 84px; padding: 0px 0 0 24px; text-decoration: none; border-radius: 8px;}
#content .content-primary .application ul li .item .title						{float:left;display: block; line-height: 24px; width:110px; padding-top:14px;letter-spacing: -0.1em; font-size: 21px; font-weight:bold; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .content-primary .application ul li .item .subtitle					{display: block; line-height: 28px; letter-spacing: -0.1em; font-size: 21px; font-weight:bold; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .content-primary .application ul li .item .subtitle span				{display: inline-block; vertical-align: top;}
#content .content-primary .application ul li .item .subject						{float:left;display: block; position: relative; margin-left: 10px; width:90px; height: 80px; padding:0px;}
#content .content-primary .application ul li .item .subject .after				{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#content .content-primary .application ul li.item-01 .item						{background-color: #f8f8f8;}
#content .content-primary .application ul li.item-01 .item .title				{color: #000000;}
#content .content-primary .application ul li.item-01 .item .subtitle			{color: #004691;}
#content .content-primary .application ul li.item-01 .item .subject .after		{background-image: url(../img/bg_main_normal_1.png); background-repeat: no-repeat;}
#content .content-primary .application ul li.item-02 .item						{background-color: #f8f8f8;}
#content .content-primary .application ul li.item-02 .item .title				{color: #000000;}
#content .content-primary .application ul li.item-02 .item .subtitle			{color: #2196f3;}
#content .content-primary .application ul li.item-02 .item .subject .after		{background-image: url(../img/bg_main_normal_2.png); background-repeat: no-repeat;}
#content .content-primary .application ul li.item-03 .item						{width:920px; background-color: #f8f8f8;}
#content .content-primary .application ul li.item-03 .item .title				{color: #000000;}
#content .content-primary .application ul li.item-03 .item .subtitle			{color: #ff5722;}
#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			{float: left;display: block;margin-left:16px; padding-top:24px;}
#content .content-primary .application ul li.item-03 .item .subinput .subtext	{display:inline-block; margin-right:10px; width:200px; line-height:18px; font-size:13px; font-weight:bold; color:#ff5722; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .content-primary .application ul li.item-03 .item .subinput input[type="text"]{display:inline-block; margin-right:14px; vertical-align: top; width:160px; 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 .btn a				{display:inline-block;vertical-align: top;min-width:50px; font-size:15px; padding:8px 14px;}
#content .content-primary .application ul li.item-03 .item .btn.bc01 a			{color:#fff; border:1px solid #ff5722; background-color:#ff5722}
#content .content-primary .application ul li.item-03 .item .btn a:hover			{color:#fff; border:1px solid #023472; background-color:#065590}

#content .content-primary .application ul li.item-01:hover 						{width:944px; background-color: #f8f8f8; background-image: url(../img/bg_main_1.png); background-repeat: no-repeat; background-position: 220px 0; border-radius: 8px;}
#content .content-primary .application ul li.item-02:hover 						{width:944px; background-color: #f8f8f8; background-image: url(../img/bg_main_2.png); background-repeat: no-repeat; background-position: 220px 0; border-radius: 8px;}

#content .content-secondary .pickup_zone										{position: absolute; top: 20px; left: 0; width: 470px;}
#content .content-secondary .pickup_zone h2										{margin: 0; padding-top: 12px; height: 30px; line-height: 1; color: #000000; font-size: 16px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; border-bottom: 2px solid #000000;}
#content .content-secondary .pickup_zone ul										{margin: 0; padding: 6px 0 8px 6px; list-style: none; width: 470px; height:240px;overflow: hidden;}
#content .content-secondary .pickup_zone ul li									{width: 470px; height: 24px;}
#content .content-secondary .pickup_zone ul li .pickup_gu						{float:left; display:block; margin-right:8px; width: 80px; font-size:13px; color:#2196f3;font-weight:bold;}
#content .content-secondary .pickup_zone ul li .pickup_size						{float:left; display:block; width: 60px; font-size:13px; color:#000000; font-weight:bold;}
#content .content-secondary .pickup_zone ul li .pickup_size2					{float:left; display:block; font-size:13px; color:#000000; font-weight:bold;}
#content .content-secondary .pickup_zone ul li .pickup_cont						{float:left; display:block; font-size:13px; color:#000000; font-weight:bold;}
#content .content-secondary .pickup_zone .pickup_notice							{background-color: #e7edf2; border:1px solid #d0dae2;padding: 6px 0; border-radius: 4px;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_noticelist .pickup_gu{float:left; display:block; padding-left:8px; margin-right:8px; width: 68px; height: 98px; font-size:13px; color:#2196f3;font-weight:bold;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_noticelist .pickup_cont{display:block;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_noticelist .pickup_cont .pickup_info0{display:inline-block; height:34px; vertical-align: top; font-size:15px; color:#004691; font-weight:bold;letter-spacing:-1px;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_noticelist .pickup_cont .pickup_info1{display:block; height:40px; vertical-align: top; font-size:13px; color:#004691; font-weight:bold;letter-spacing:-1px;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_noticelist .pickup_cont .pickup_info1 .pickup_info1_sub01{display:inline-block;line-height:16px;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_noticelist .pickup_cont .pickup_info1 .pickup_info1_sub02{display:inline-block;line-height:16px; padding:0 0 0 13px;}
#content .content-secondary .pickup_zone .pickup_notice .pickup_noticelist .pickup_cont .pickup_info2{display:inline-block;line-height:30px; font-size:13px; color:#004691; font-weight:bold;letter-spacing:-1px;}

#content .content-secondary														{position: relative; margin: 20px auto; padding-left: 490px; width: 470px; height: 440px; overflow: hidden;}
#content .content-secondary .latest-posts										{position: relative; margin-top: 20px; }
#content .content-secondary .latest-posts .latest-notice 						{margin: 0; padding-top: 12px; height: 182px;}
#content .content-secondary .latest-posts .latest-notice h2						{margin: 0; height: 30px; line-height: 1; color: #000000; font-size: 16px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; border-bottom: 2px solid #000000;}
#content .content-secondary .latest-posts .latest-notice ul						{margin: 0; padding: 0; list-style: none;}
#content .content-secondary .latest-posts .latest-notice ul li					{*zoom: 1; padding: 8px 0; border-bottom: 1px solid #cccccc;}
#content .content-secondary .latest-posts .latest-notice ul li:after			{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#content .content-secondary .latest-posts .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 .content-secondary .latest-posts .latest-notice ul li .date			{float: right; line-height: 20px; color: #969696; text-decoration: none; font-size: 13px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#content .content-secondary .latest-posts .aside								{position: absolute; top: 12px; right: 0;}
#content .content-secondary .latest-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 .latest-posts .latest-info							{position: relative; margin-top: 20px; background-color: #ffeace; border:1px solid #d0dae2; padding: 16px 16px; font-weight:bold; color: #000000; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif; border-radius: 4px; }
#content .content-secondary .latest-posts .latest-info h2						{margin: 0; height: 28px; line-height: 1; font-size: 16px; letter-spacing:-1px;}
#content .content-secondary .latest-posts .latest-info ul						{margin: 0; padding: 0; list-style: none; /*height:132px;*/ letter-spacing:-1px;}
#content .content-secondary .latest-posts .latest-info ul li					{display:block;vertical-align: top; line-height:28px; font-size: 14px; }

/* content-info */
#content .content-info															{margin: 20px auto 0 auto; width: 1024px;}
#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													{float: left; width: 225px;}
#content .content-info ul li+li													{margin-left: 20px;}
#content .content-info ul li .item												{display: block; height: 70px; padding: 12px 10px 0 12px; text-decoration: none; border: 1px solid #cccccc; background-color: #eeeeee;border-radius: 4px;}
#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 .subject										{float:right; display: block; position: relative; margin-top:30px; width:40px; height: 40px;}
#content .content-info ul li .item .subject .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: #065590;}
#content .content-info ul li.item-01 .item .subject								{line-height: 30px;}
#content .content-info ul li.item-01 .item .subject .after						{background-image: url(../img/img_mbi_1.png); background-repeat: no-repeat;}
#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 .subject								{line-height: 60px;}
#content .content-info ul li.item-02 .item .subject .after						{background-image: url(../img/img_mbi_2.png); background-repeat: no-repeat;}
#content .content-info ul li.item-03											{width:470px;}
#content .content-info ul li.item-03 .subtitle									{font-size: 16px;}
#content .content-info ul li.item-03 .item .em									{color: #00a73c;}
#content .content-info ul li.item-03 .item .subject								{line-height: 60px;}



/* intro */
#intro #content																	{background: url(../img/bg_landscape.png) no-repeat center top;}
#intro .content-primary															{position: relative; margin: 0 auto; width: 1024px;padding-top: 90px;}
#intro .content-primary .billboard img											{vertical-align: top;}

#popup																			{margin: 0; padding: 0; width:580px;}
#popup .popup-wrap																{position: relative;}
#popup .popup-header															{background-color: #4d4d4d;height: 48px;line-height: 48px;}
#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;}

.layout_pop {width:100%;}
.area_close {background:#cbcbcb; height:30px; padding:8px 10px 0 0; text-align:right;}
.list_telephone_guide li {height:60px; padding:0 0 0 54px; background:url('../img/img_mbi_1.png') no-repeat 18px 47%; border-top:1px solid #bae7b0; line-height:60px; font-family:arial; font-size:24px; color:#333; font-weight:bold;}
.list_telephone_guide li span {color:#808080; font-weight:normal;}
.list_telephone_guide li strong {margin:0 5px 0 0; color:#2e806c; font-weight:normal;}

/* scroll */
.scroll_pop {
/*width:810px; */
height:360px;
/*overflow-y:scroll;*/
scrollbar-face-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#ccc;
scrollbar-darkshadow-color:#ccc;
scrollbar-track-color:#fff;
scrollbar-arrow-color:#ccc;}
/* scroll E */

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



/* ViewSNS */
.viewsns {text-align:right; margin-top:50px;margin-right: 0px;margin-bottom: -5px}
.viewsns ul {display:inline-block;}
.viewsns:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.viewsns li {float:left; margin-left:4px;}
.viewsns li a {display:inline-block; border-radius:6px; width:36px; height:36px; background:url(../img/bg_sns.png); background-size:276px; line-height:36px; overflow:hidden; text-indent:-999999em;}
.viewsns li.sns_naver a {background-position:0 0;}
.viewsns li.sns_cafe a {background-position:-40px 0;}
.viewsns li.sns_blog a {background-position:-80px 0;}
.viewsns li.sns_band a {background-position:-120px 0;}
.viewsns li.sns_talk a {background-position:-160px 0;}
.viewsns li.sns_story a {background-position:-200px 0;}
.viewsns li.sns_face a {background-position:-240px 0;}



/* add 2017-10-19 */
#cont_wrap.waste_guide {font-size: 14px; letter-spacing: -2px; word-break: keep-all;}
#cont_wrap.waste_guide h3 {margin-bottom: 24px; padding:0; font-size: 24px; letter-spacing: -3px; font-weight: bold}
#cont_wrap.waste_guide .intnet_wrap dl dt {display: none; width: 0; height: 0;}
#cont_wrap.waste_guide .guide_section {margin: 0 0 60px 0; padding:0 0 24px 0; border-bottom: 1px solid #ddd;}
#cont_wrap.waste_guide .guide_section.big_clean_remove_tip {margin: 0 0 96px 0; padding:0 0 144px 0; border-bottom: none;}
#cont_wrap.waste_guide .guide_section:after {content: ""; display: block; clear: both;}
#cont_wrap.waste_guide .guide_section.big_clean_guide {background: url(../img/bg-big-clean-guide.png) right bottom no-repeat}
#cont_wrap.waste_guide .guide_section.big_clean_remove_tip {background: url(../img/bg-big-clean-remove-tip.png) right bottom no-repeat}
#cont_wrap.waste_guide .guide_section.big_clean_guide li:last-child:after {content: ""; display: block; clear: both;}
#cont_wrap.waste_guide .guide_section li {display: inline-block; float: left;}
#cont_wrap.waste_guide .grid-3 ul li:nth-of-type(1) {width: 320px;}
#cont_wrap.waste_guide .grid-3 ul li:nth-of-type(2) {width: 380px;}
#cont_wrap.waste_guide .grid-3 ul li:nth-of-type(3) {width: 324px;}

#cont_wrap.waste_guide .guide_section li dt {margin-bottom: 16px; font-size: 20px; font-weight: 700; color: #21818e; line-height: 24px; letter-spacing: -3px;}
#cont_wrap.waste_guide .guide_section li dd {padding-right: 32px; line-height: 22px;}
#cont_wrap.waste_guide .guide_section li dd em {color:#d58264;}
#cont_wrap.waste_guide .guide_section li dl dd:nth-of-type(2) {margin-top:24px; line-height: 24px;}
#cont_wrap.waste_guide .guide_section li dd.waste-caution li {width: 324px; margin-bottom: 8px;}
.primary-color {color: #0a869f;}
.point-color {font-weight: 700; color: #ff9900;}
.a_button {display: block; margin-top: 16px; width: 96px; height: 32px; line-height: 32px; color:#fff; background: #ff9900; border-radius: 32px; font-weight: bold; text-align: center;}
.a_button:hover {color:#fff; background-color: #ff8800;}
.gabtel, .gabtel strong{letter-spacing: normal; font-weight:bold;}

#cont_wrap.waste_guide .guide_section li dd p.remove_week,
#cont_wrap.waste_guide .guide_section li dd p.remove_time {padding-bottom: 52px;}
#cont_wrap.waste_guide .guide_section li dd p.remove_week {background: url(../img/img-remove-week.png) left 24px no-repeat;}
#cont_wrap.waste_guide .guide_section li dd p.remove_time {background: url(../img/img-remove-time.png) left 24px no-repeat;}

/*table 2017-10-20*/
#table {display: table; width: 100%; border-top: 1px solid #ccc; line-height: 46px; letter-spacing: normal;}
.row {display: table; width: 100%;}
.cell {display: table-cell; padding: 3px 6px; border-bottom: 1px solid #DDD;}
.col1 {width: 40%; background: #f5f5f5; font-weight: bold; text-align: center;}
.col2 {width: 60%; font-weight: bold;}

/*popup 2017-10-20*/
#popup.remove_section_guide {margin: 0; padding: 0; width: 100%; font-size: 14px; letter-spacing: -1px;}
#popup.remove_section_guide #table {padding-top: 96px; background: url(../img/img-header-remove-section-guide.png) left top no-repeat;}
#popup .pop_header {height: 96px; background: url(../img/img-header-bg.png) center top repeat-x; text-align: center;}


#popup.remove_section_guide #table .row .cell {padding: 0 6px; height: 48px; line-height: 48px;}
#popup.remove_section_guide #table .row .col1 {width: 20%; font-weight: bold; color: #151515;}
#popup.remove_section_guide #table .row .col2 {width: 80%; color: #646464;}

#popup.fee_free_guide #table .row .cell {padding: 0 6px; height: 48px; line-height: 48px;}
#popup.fee_free_guide #table .row .col1 {width: 8%; font-size: 13px; font-weight: bold; color: #151515;}
#popup.fee_free_guide #table .row .col2 {width: 92%; color: #646464;}

#popup.fee_free_guide {width: 100%; height: 428px; overflow-y: auto;}

#popup.fee_free_guide #table {width: 100%;}
#popup.fee_free_guide #table .half {display: inline-block; width: 50%;}
#popup.fee_free_guide #table .half .row .cell {padding: 0 6px; height: 32px; line-height: 32px;}

/* 폐가전 무상방문 수거 서비스 */
#free_collection_service {}
#free_collection_service .tit_img { background-color: #B0D2A7; text-align: center; }
#free_collection_service .tit_img img { max-width: 100% }
#free_collection_service .scroll_pop { padding: 15px; }
#free_collection_service h3 { font-size: 19px; font-weight: bold; }
#free_collection_service .area_close {position: fixed; bottom: 0; width: 100%;}
#free_collection_service .area_close a { padding: 10px; }
#free_collection_service .mb20{margin-bottom:20px;}
#free_collection_service .mb80{margin-bottom:80px;}
#free_collection_service table td {padding: 10px;}

/* 버튼 */

.btn_acc {display: inline-block; width: 280px; height: 60px; line-height: 60px; text-align: center; border: 2px solid #23a638; border-radius: 30px; font-weight: 800; font-size:28px; color:#23a638;}
.btn_acc .ic {display: inline-block; width: 22px; height: 32px; margin-right:22px; background: url(../img/ico_pen.png) no-repeat; vertical-align: text-bottom;}
.btn_login {display: inline-block; width: 100%; height: 48px; line-height: 48px; text-align: center; background: #64b721; font-family:'nanumsquare-eb'; font-size: 20px; color:#fff;}

/* common */
.box_inner {width:1024px; margin:0 auto;}
.clear:after {content:''; display: block; clear:both;}

/* header */
.utiltop_wrap {background: #e6f0f8;}
.utiltop_list {text-align: right;}
.utiltop_list li {display: inline-block; margin-left:25px;}
.utiltop_list li a {display: inline-block; height:28px; line-height: 30px; padding-left:16px; background: url(../img/ico_home.png) no-repeat 0 50% / 11px auto; font-family:'nanumsquare-b'; font-size:12px; color:#787878; vertical-align: middle;}
.utiltop_list li + li a {background: url(../img/ico_link.png) no-repeat 0 50% / 12px auto;}
.header_top {margin-top: 38px;}
header h1 {float: left; margin-right:24px;}
header h1 a {display: block; width: 180px; height: 55px; background: url(../img/logo.png) 0 0 / 180px no-repeat; text-indent: -9000px; overflow: hidden;}
.sub_header {float: left; width: 150px; font-family:'nanumsquare-b'; font-size:17px; line-height: 21px; padding-top: 5px;}
.sub_header span {display: block; font-family:'nanumsquare-eb';}
header .util {float: right; margin-top: 7px;}
header .util li {float: left;}
header .util li a {display: block;  padding-left: 56px; margin-left: 40px; font-family:'nanumsquare-b'; font-size:13px; color:#8c96a0; letter-spacing:-1px;}
header .util li a span {display: block; padding-top:5px; font-family:'nanumsquare-eb'; font-size: 16px; color:#3c3c3c;}
header .util li:nth-child(1) a {background: url(../img/ico_phone.png) no-repeat 0 50%;}
header .util li:nth-child(2) a {background: url(../img/ico_talk.png) no-repeat 0 50%;}
header .util li:nth-child(3) a {background: url(../img/ico_tel.png) no-repeat 0 50%;}
nav {position: relative; margin-top: 20px !important;}
nav .gnb {padding-left: 5px; background: #337abc; border-radius:24px;}
nav .gnb li {float: left;}
nav .gnb li a {display: inline-block; padding:0 24px; height: 48px; line-height: 48px; font-size: 17px; color:#fff;}
nav .acc_error {position: absolute; right:26px; top:10px; text-align: right; font-size:14px; color:#fcff31;}
nav .acc_error span {display: block; font-weight: bold; color:#fcff31;}
/* 건너뛰기 링크(접근성) */
.skipnavi {position:absolute; left:0; top:-50px; text-indent:-9999px; font-size:0; width:100%; z-index:999; }
.skipnavi li a:focus,
.skipnavi li a:active {position:absolute; left:0; top:50px; display:block; width:100%; padding:5px 0; text-align:center; text-indent:0px; font-size:12px; font-weight:500; background:#f2f2f2;}
.hdd, legend {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; position:absolute; left:0; top:0;}

/* container */
.guide_area {}
.guide_area .intro_txt {text-align: center; margin-top: 69px; font-size:30px; letter-spacing:-1px;}
.guide_area .main_txt {text-align: center; margin-top: 26px; font-weight: 800; font-size:45px; letter-spacing:-1px;}
.guide_area .main_txt span {color: #23a638;}
.guide_area .img_main {display: block; margin:49px auto 0;width: 600px;}
.guide_area .definition_txt {text-align: center; margin-top: 45px;}
.guide_area .definition_txt dt span {display: inline-block; padding:8px 15px; border-radius: 100px; background: #326a9e; font-weight: 500; font-size:21px; color:#ffff6e;}
.guide_area .definition_txt dd {margin-top: 18px; font-weight: normal; font-size: 19px;}
.guide_area .definition_txt dd span {display: block; padding-top:5px; color:#888;}
.guide_area .btn_wrap {margin: 38px auto 0;}

.proc_area {margin-top: 80px; padding:61px 0 80px; background: #f5fbf5;}
.tit_main {position: relative; text-align: center; padding-bottom:20px; font-weight: 800; font-size:32px;}
.tit_main.t_color01 {color: #b8d3ff;}
.tit_main.t_color01 span {background: #6b82a9;}
.tit_main span {display: inline-block; width:24px; height:2px; background: #c2ced7; position: absolute; bottom:0; left:50%; transform:translateX(-30px);}
.tit_main span + span {display: inline-block; width:4px; height:4px; border-radius:2px; background: #c2ced7; position: absolute; bottom:-1px; left:50%; transform:translateX(-50%);}
.tit_main span + span + span {display: inline-block; width:24px; height:2px; background: #c2ced7; position: absolute; bottom:0; left:50%; transform:translateX(6px);}
.proc_list {margin:45px auto 0; box-shadow: 0 5px 20px rgba(10,30,50,0.1); border-radius: 15px;}
.proc_list li {position: relative; float:left; width: 25%; text-align: center; padding-top:170px; height: 280px; border-right:2px solid #f2f5f7;}
.proc_list li:last-child {border-right: none;}
.proc_list li:nth-child(1) {background: #fff url(../img/picto_proc1.png) no-repeat 50% 50px; border-radius: 15px 0 0 15px;}
.proc_list li:nth-child(2) {background: #fff url(../img/picto_proc2.png) no-repeat 50% 46px;}
.proc_list li:nth-child(3) {background: #fff url(../img/picto_proc3.png) no-repeat 50% 47px;}
.proc_list li:nth-child(4) {background: #fff url(../img/picto_proc4.png) no-repeat 50% 25px; border-radius: 0 15px 15px 0;}
.proc_list li:after {content:''; display: inline-block; width: 40px; height: 40px; background: url(../img/ico_proc.png) no-repeat ; position: absolute; left: -20px; top:120px;}
.proc_list li:first-child:after {display: none;}
.proc_list li h3 {font-weight: 800; font-size: 19px; color: #64b721;}
.proc_list li .txt {padding-top:21px; font-size: 15px; letter-spacing: -1px; font-weight: bold; line-height: 20px;}
.caution_area {padding:80px 0 0 0;}
.caution_area .caution_list {padding:45px 0 0 345px; background: url(../img/caution.png) no-repeat 0 50%;}
.caution_area .caution_list li {position: relative; margin-bottom: 20px; padding: 15px; background: #f9f8f4; font-weight: bold; font-size: 17px; border-radius: 10px;}
.caution_area .caution_list li:before {content:''; width:20px; height:10px; background: #f9f8f4; transform: rotate(-25deg) skew(50deg); position: absolute; left: -9px; top: 17px;}
.caution_area .caution_list li:last-child {margin-bottom: 0;}
.caution_area .caution_list li span {color:#23a638;}
.notice_area {padding:61px 0 80px; background: #506382; margin-top: -45px;}
.allmenu {width: 1024px; margin: 29px auto 0; text-align: right; margin-bottom: 15px;}
.allmenu a {font-size: 15px; color:#f4f4f4;background-color: #5977a7;padding: 5px 10px;border-radius: 100px;}
.notice_list {width: 1024px; margin:0 auto;}
.notice_list li {height: 55px; line-height: 55px; padding-left:15px;  margin-top: -1px; border-top: 1px solid #5f7596; border-bottom: 1px solid #5f7596;}
.notice_list li a {position: relative; display: block; width:100%; padding-right:30px; text-overflow:ellipsis; font-weight: normal; white-space: nowrap; overflow:hidden; font-size: 17px; color: #e7f0ff;}
.notice_list li a:before {content:''; display: inline-block; width: 4px; height: 4px; border-radius:2px; background: #b8d3ff; margin-right:10px; position: relative; top:-3px;}
.notice_list li a:after  {content:''; display: inline-block; width: 5px; height: 9px; background: url(../img/ico_rightArrow.png) no-repeat 0 0; position: absolute; right: 12px; top:50%; transform:translateY(-50%);}

/* footer */
footer {}
.foot_menu {text-align: center; padding-top:27px;}
.foot_menu li {display: inline-block;}
.foot_menu li a {position: relative; display: inline-block; padding:0 12px; font-family: 'nanumsquare-b'; font-size: 15px;}
.foot_menu li a:after {content:''; display: inline-block; width: 1px; height: 10px; background: #e6e6e6; position: absolute; right: 0; top:2px;}
.foot_menu li:last-child a:after {display: none;}
.foot2 {width: 960px; margin:30px auto;}
.foot2 .tit_foot {float: left; width: 120px; height: 50px; background: url(../img/footer_logo.png) no-repeat 0 0 / 120px auto; text-indent: -9000px; margin-right: 80px;}
.foot2 address {float: left; width:700px; font-family: 'nanumsquare-b'; font-size: 14px; color: #8c96a0; padding-top: 10px;}
.foot2 .copy {float: left; width:290px; font-family: 'nanumsquare-b'; font-size: 12px; color: #8c96a0; padding-top: 3px;}


/* S:안내창_biy_210831 */
.popup_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(37, 37, 37, 0.85);
	overflow: hidden;
}
.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
	height: 30%;
	border: none;
    background-color: #fff;
}
.popup .tit {
	padding: 10px;
    background-color: #f07d00;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: bold;
}
.popup .con {
	padding: 15px;
	color: #000000;
    font-size: 1rem;
    font-weight: bold;
}
.popup .con2 {
	padding: 15px;
	color: #000000;
    font-size: 1rem;
}
.popup_btnbox {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e4e4e4;
    font-size: 0;
}
.popup_btnbox .btn_noMoreToday {
	display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 45px;
    color: #555555;
    border-right: 2px solid #e4e4e4;
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.popup_btnbox .btn_close {
	display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 45px;
    background-color: #fff;
    color: #555555;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.thumbnail_wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}
/* E:안내창 */