@charset "UTF-8"; 

/*서브타이틀*/
#sub_head01{ width:100%;}
.page-header h1{font-weight:bold; letter-spacing:-0.03em; background:url('../images/icon/txt_bar.gif') no-repeat; padding-top:10px;}
.page-header h3{color:#666; letter-spacing:-0.01em; padding-bottom:10px;}

.citizens-social-media-info{background:#f6f6f6;padding:20px;border-radius:10px;margin-top:30px;}

/* 만족도 */
.wrp-satisfied {position:relative; margin-top:40px; padding:25px 140px 25px 160px; overflow:hidden; background:#f5f5f5 url(../images/icon/bg-satisfied.png) 43px center no-repeat;}
.wrp-satisfied dl {overflow:hidden;}
.wrp-satisfied dt {clear:both; font-size:1.143em; color:#333;}
.wrp-satisfied label {float:left; margin-top:6px; margin-right:30px;}
.wrp-satisfied label.last {margin-right:0;}
.wrp-satisfied span {display:inline-block; margin-right:-3px;}
.wrp-satisfied a {position:absolute; top:50%; right:36px; margin-top:-18px; min-width:0; width:88px;}

.show {color:#eb2839; font-weight:bold; }


/* PC 1200px 이상 */
@media (min-width: 1200px) {
	/*드롭다운*/
	.s_menu {width:1200px; margin:0 auto;display:none;}
	.section_menu {width:100%; background:#f3f3f3; border-bottom:1px solid #cccccc; }
	.s_menu li {display:inline-block; padding:8px 25px; border-left:1px solid #cccccc; }
	.s_menu_last{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn{display:inline-block; border-left:1px solid #cccccc; padding:8px 15px;}
	.section_menu .s_menu .rline{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m{border-left:0px;}
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m a hover{background:#000;}
	.back_b{background:#f3f3f3;}
	
	.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0 25px 46px;}
	.content-footer .content-footer-comment {margin-left:83px; line-height:22px;}
	.content-footer .path {background:#f6f6f6; padding:3px 8px; text-align:center; border-radius:3px; display:inline-block;}
	.content-footer:after {clear:both; display:block; content:"" ;}
	.content-footer .fc-orange{color:orange;}
	.content-footer .fL {float:left;}
}
/* 태블릿 버전 */
@media (min-width:768px) and (max-width:1199px) {
	/*드롭다운*/
	.s_menu {width:1200px; margin:0 auto;}
	.section_menu {width:100%; background:#f3f3f3; border-bottom:1px solid #cccccc; }
	.s_menu li {display:inline-block; padding:8px 25px; border-left:1px solid #cccccc; }
	.s_menu_last{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn{display:inline-block; border-left:1px solid #cccccc; padding:8px 15px;}
	.section_menu .s_menu .rline{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m{border-left:0px;}
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m a hover{background:#000;}
	.back_b{background:#f3f3f3;}	
	
	.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0 25px 46px;}
	.content-footer .content-footer-comment {margin-left:83px; line-height:22px;}
	.content-footer .path {background:#f6f6f6; padding:3px 8px; text-align:center; border-radius:3px; display:inline-block;}
	.content-footer:after {clear:both; display:block; content:"" ;}
	.content-footer .fc-orange{color:orange;}
	.content-footer .fL {float:left;}	
}
/* 모바일 */
@media (max-width: 767px){


	/*드롭다운*/
	.s_menu {width:100%; margin:0 auto;}
	.section_menu {width:100%; background:#f3f3f3; border-bottom:1px solid #cccccc; font-size:22px;}
	.s_menu li {display:inline-block; padding:15px 25px; border-left:1px solid #cccccc; }
	.s_menu_last{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn{display:inline-block; border-left:1px solid #cccccc; padding:12px 15px;}
	.section_menu .s_menu .rline{border-right:1px solid #cccccc; }
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m{border-left:0px;}
	.section_menu .s_menu .btn-group .dropdown-menu .dr_m a hover{background:#000;}
	.back_b{background:#f3f3f3;}	
	
	.content-footer {width:100%; margin-top:50px; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:25px 0;}
	.content-footer .img-open {clear:left !important; text-align:center; width:100%; padding-bottom:20px;}
	.content-footer .content-footer-comment {width:95%; margin-left:20px; line-height:22px;clear:both;}
	.content-footer .fc-orange{color:orange;}
	
	/* 만족도 */
	.wrp-satisfied {padding:25px 10px; background:#f5f5f5;}
	.wrp-satisfied label {width:30%; margin:6px 0 9px 0;}
	.wrp-satisfied a {position:static; float:right; margin-top:15px; width:100%;}
	
}

/*교육프로그램*/
.passlayer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.passlayer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.passlayer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.cbtn {display:inline-block; height:30px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}
a.sbtn {display:inline-block; height:30px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
a.sbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}


/*text_align 정렬 셋팅*/
.text_center {text-align:center}
.text_left {text-align:left}
.text_right {text-align:right}

/* 공통클래스 모음 */
.float_l{ float: left;  }
.float_r{ float: right;  }
.posit_a{ position: absolute;  }
.posit_r{ position: relative;  }
.clear{ }
.clear:after{ display: block; content: ""; clear: both;  }
.clear_b{clear: both;}
.blind{ font-size: 0px; line-height: 0px; width: 0px; height: 0px; overflow: hidden; position: absolute; top: 0px; left: -10000px;  }
.dp_none{display: none;}
.cursor_p{cursor: pointer;}
.hide{position:absolute; left:-9999px; top:-9999px; font-size:0; line-height:0; height:0; overflow:hidden; }
.hide1{position:relative; z-index:-1; }

/*컬러셋팅*/
.green { color: #349423; } /* 초록색 */
.orange { color: #f39b37; } /* 주황색 */
.red { color: #cc2a2a; } /* 빨강색 */
.blue { color: #06b0ee; } /* 하늘색 */
.black { color: #000; } /* 검정색 */
.gray  { color: #777; } /* 검정색 */
.purple  { color: #6b86cb; } /* 검정색 */

/*폰트굵기 설정*/
.font_w100 {font-weight:100}
.font_w200 {font-weight:200}
.font_w300 {font-weight:300}
.font_w400 {font-weight:400}
.font_w500 {font-weight:500}
.font_w600 {font-weight:600}
.font_w700 {font-weight:700}
.font_w800 {font-weight:800}
.font_w900 {font-weight:900}


/*뎁스위치 셋팅*/
.depth01 {float:left; margin-left:0 }
.depth02 {float:left; margin-left:15px }
.depth03 {float:left; margin-left:20px  }
.depth04 {float:left; margin-left:25px}
.depth05 {float:left; margin-left:30px }

 /* 마진값 셋팅*/
.ml5	{margin-left:5px;}	
.ml10	{margin-left:10px;}	
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}	
.ml25	{margin-left:25px;}	
.ml30	{margin-left:30px;}	
.ml35	{margin-left:35px;}	
.ml40	{margin-left:40px;}	
.ml45	{margin-left:45px;}	
.ml50	{margin-left:50px;}	
.ml55	{margin-left:55px;}
.ml60	{margin-left:60px;}
.ml65	{margin-left:65px;}
.ml70	{margin-left:70px;}
.ml75	{margin-left:75px;}
.ml80	{margin-left:80px;}
.ml85	{margin-left:85px;}
.ml90	{margin-left:90px;}
.ml95	{margin-left:95px;}
.ml100	{margin-left:100px;}
.ml105	{margin-left:105px;}
.mr5	{margin-right:5px;}	
.mr10	{margin-right:10px;}	
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}	
.mr25	{margin-right:25px;}	
.mr30	{margin-right:30px;}	
.mr35	{margin-right:35px;}	
.mr40	{margin-right:40px;}	
.mr45	{margin-right:45px;}	
.mr50	{margin-right:50px;}	
.mr55	{margin-right:55px;}
.mr60	{margin-right:60px;}
.mr65	{margin-right:65px;}
.mr70	{margin-right:70px;}
.mr75	{margin-right:75px;}
.mr80	{margin-right:80px;}
.mr85	{margin-right:85px;}
.mr90	{margin-right:90px;}
.mr95	{margin-right:95px;}
.mr100	{margin-right:100px;}
.mr105	{margin-right:105px;}

.mt5	{margin-top:5px;}	
.mt10	{margin-top:10px;}	
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}	
.mt25	{margin-top:25px;}	
.mt30	{margin-top:30px;}	
.mt35	{margin-top:35px;}	
.mt40	{margin-top:40px;}	
.mt45	{margin-top:45px;}	
.mt50	{margin-top:50px;}	
.mt55	{margin-top:55px;}
.mt60	{margin-top:60px;}
.mt65	{margin-top:65px;}
.mt70	{margin-top:70px;}
.mt75	{margin-top:75px;}
.mt80	{margin-top:80px;}
.mt85	{margin-top:85px;}
.mt90	{margin-top:90px;}
.mt95	{margin-top:95px;}
.mt100	{margin-top:100px;}
.mt105	{margin-top:105px;}

.mb5	{margin-bottom:5px;}	
.mb10	{margin-bottom:10px;}	
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}	
.mb25	{margin-bottom:25px;}	
.mb30	{margin-bottom:30px;}	
.mb35	{margin-bottom:35px;}	
.mb40	{margin-bottom:40px;}	
.mb45	{margin-bottom:45px;}	
.mb50	{margin-bottom:50px;}	
.mb55	{margin-bottom:55px;}
.mb60	{margin-bottom:60px;}
.mb65	{margin-bottom:65px;}
.mb70	{margin-bottom:70px;}
.mb75	{margin-bottom:75px;}
.mb80	{margin-bottom:80px;}
.mb85	{margin-bottom:85px;}
.mb90	{margin-bottom:90px;}
.mb95	{margin-bottom:95px;}
.mb100	{margin-bottom:100px;}
.mb105	{margin-bottom:105px;}

/*패딩값 셋팅*/

.pl5	{padding-left:5px;}	
.pl10	{padding-left:10px;}	
.pl15	{padding-left:15px;}
.pl16	{padding-left:16px;}
.pl18	{padding-left:18px;}
.pl20	{padding-left:20px;}	
.pl25	{padding-left:25px;}	
.pl30	{padding-left:30px;}	
.pl35	{padding-left:35px;}	
.pl40	{padding-left:40px;}	
.pl45	{padding-left:45px;}	
.pl50	{padding-left:50px;}	
.pl55	{padding-left:55px;}
.pl60	{padding-left:60px;}
.pl65	{padding-left:65px;}
.pl70	{padding-left:70px;}
.pl75	{padding-left:75px;}
.pl80	{padding-left:80px;}
.pl85	{padding-left:85px;}
.pl90	{padding-left:90px;}
.pl95	{padding-left:95px;}
.pl100	{padding-left:100px;}
.pl105	{padding-left:105px;}


.pr5	{padding-right:5px;}	
.pr10	{padding-right:10px;}	
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}	
.pr25	{padding-right:25px;}	
.pr30	{padding-right:30px;}	
.pr35	{padding-right:35px;}	
.pr40	{padding-right:40px;}	
.pr45	{padding-right:45px;}	
.pr50	{padding-right:50px;}	
.pr55	{padding-right:55px;}
.pr60	{padding-right:60px;}
.pr65	{padding-right:65px;}
.pr70	{padding-right:70px;}
.pr75	{padding-right:75px;}
.pr80	{padding-right:80px;}
.pr85	{padding-right:85px;}
.pr90	{padding-right:90px;}
.pr95	{padding-right:95px;}
.pr100	{padding-right:100px;}
.pr105	{padding-right:105px;}

.pt5	{padding-top:5px;}	
.pt10	{padding-top:10px;}	
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}	
.pt25	{padding-top:25px;}	
.pt30	{padding-top:30px;}	
.pt35	{padding-top:35px;}	
.pt40	{padding-top:40px;}	
.pt45	{padding-top:45px;}	
.pt50	{padding-top:50px;}	
.pt55	{padding-top:55px;}
.pt60	{padding-top:60px;}
.pt65	{padding-top:65px;}
.pt70	{padding-top:70px;}
.pt75	{padding-top:75px;}
.pt80	{padding-top:80px;}
.pt85	{padding-top:85px;}
.pt90	{padding-top:90px;}
.pt95	{padding-top:95px;}
.pt100	{padding-top:100px;}
.pt105	{padding-top:105px;}

.pb5	{padding-bottom:5px;}	
.pb10	{padding-bottom:10px;}	
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}	
.pb25	{padding-bottom:25px;}	
.pb30	{padding-bottom:30px;}	
.pb35	{padding-bottom:35px;}	
.pb40	{padding-bottom:40px;}	
.pb45	{padding-bottom:45px;}	
.pb50	{padding-bottom:50px;}	
.pb55	{padding-bottom:55px;}
.pb60	{padding-bottom:60px;}
.pb65	{padding-bottom:65px;}
.pb70	{padding-bottom:70px;}
.pb75	{padding-bottom:75px;}
.pb80	{padding-bottom:80px;}
.pb85	{padding-bottom:85px;}
.pb90	{padding-bottom:90px;}
.pb95	{padding-bottom:95px;}
.pb100	{padding-bottom:100px;}


/*서브공통*/
.container article #subcontent {width:100%; }
.container article div h3 {}
.container article div ul li, p{line-height:1.5em;}

/*아이콘모음*/
.icon01{background:url('../images/icon/menubar.gif') no-repeat 0 ; padding-left:16px;font-weight:bold;}
.icon02{background:url('../images/icon/bulet_big.gif') no-repeat 0 50%; padding-left:12px; font-weight:bold;}
.icon03{background:url('../images/icon/bulet_small.gif') no-repeat 0; padding-left:10px;}

/*테이블*/
.table{font-size:1.0em; letter-spacing:-0.05em;border-top:2px solid #333; border-bottom:1px solid #333;width:100%;}
.table th{background:#f5f4f4; color:#222; text-align:center;}
.table td{}
.th_info{background:#f8f8f8;}

.raw th{background:#f5f4f4; color:#222;}
.raw td{text-align:center;}

.place th{background:#00a7b7;color:#fff;}
.place td{text-align:center;}

/*소비자권리와 역할*/
.content_box{border:1px solid #d7d7d7; padding:0px 20px 20px 20px;
background:url('../images/icon/box_deco.gif') no-repeat;}


@media (min-width: 1200px) {
.content_box {font-size:1.1em;}
/*소비자권리와 역할*/
.content_txt {margin:15px 0px; font-size:1.1em;}
.content_txt ul li p {margin-left:15px;}
.w50{width:600px;}
.w800{width:750px;}
/*소비자교육*/
.sub_content0301{width:100%; height:600px;background:url('../images/03page/bg_01.gif') no-repeat 330px 180px;}
.sub_content0402{width:100%; /*background:url('../images/04page/bg_02.gif') no-repeat 600px 350px;*/ }




/*관련사이트*/
.fa_site {border-bottom:1px solid #eee; padding:20px 0px; width:50%; float:left;}
/*.fa_site li:first { margin-bottom:20px}*/
.fa_site li {font-weight:500;  margin-bottom:10px}
/*.fa_site li:last {font-weight:normal;}*/
.fa_site img {border:1px solid #eee; margin-right:20px;}
.last {border-bottom:0;}

/*상담이용안내*/
.list {margin:2px 0px;}
.list ul li {float:left; margin-right:5px; 
letter-spacing:-0.05em;font-weight:bold;padding:5px 30px; width:250px;}
.background{background:#00a7b7;color:#fff; }
.background2{background:#919191;color:#fff;}
.background3{background:#e3e4e5;}
.background4{background:#6b86cb; color:#fff;}

/* 일정관리 */
.container article #calnedar { width:930px; }

.container article #calnedar #header { 
	
	color:#666666;
	overflow:hidden;
	text-align:center;
	padding:15px 0;
	
}
.container article #calnedar #header .left { padding-right:15px; }
.container article #calnedar #header .title { font-weight:bold; font-size:1.5em; }
.container article #calnedar #header .right { padding-left:15px; }

.container article #calnedar #cbody {
}

.container article #calnedar #cbody .c_hd { text-align:center; }
.container article #calnedar #cbody .c_hd li { float:left; border-bottom:1px solid #eee; width:132px; padding:15px; background:#f5f4f4; color:#222;border-right:1px solid #eee; border-left:1px solid #eee; border-top:2px solid #333; }

.container article #calnedar #cbody .c_bd { text-align:center; }
.container article #calnedar #cbody .c_bd li { 
	float:left; 
	border:1px solid #eee; 
	width:132px; 
	height:200px;
	padding:10px 15px; 
	overflow:hidden; 
}

.container article #calnedar #cbody .c_bd li dl {  }
.container article #calnedar #cbody .c_bd li dl dt { text-align:left; }
.container article #calnedar #cbody .c_bd li dl dd { text-align:left; font-size:0.9em; }
.container article #calnedar #cbody .c_bd li dl dd a { color:#909090; }

}


@media (min-width:768px) and (max-width:1199px){

/*드롭다운*/
.s_menu {width:90%; margin:0 auto;}
/*관련사이트*/
.fa_site {border-bottom:1px solid #eee; padding:20px 0px; width:100%;}
.fa_site img {border:1px solid #eee; margin-right:10px;}

/*상담이용안내*/
.list {margin:2px 0px;}
.list ul li {float:left; margin-right:5px; 
letter-spacing:-0.05em;font-weight:bold;padding:5px 25px; width:30%;}
.background{background:#00a7b7;color:#fff; }
.background2{background:#919191;color:#fff;}
.background3{background:#e3e4e5;}
.background4{background:#6b86cb; color:#fff;}

/* 일정관리 */
.container article #calnedar { width:930px; }

.container article #calnedar #header { 
	color:#666666;
	overflow:hidden;
	text-align:center;
	padding:15px 0;
	
}
.container article #calnedar #header .left { padding-right:15px; }
.container article #calnedar #header .title { font-weight:bold; font-size:1.5em; }
.container article #calnedar #header .right { padding-left:15px; }

.container article #calnedar #cbody {
}

.container article #calnedar #cbody .c_hd { text-align:center; width:735px; }
.container article #calnedar #cbody .c_hd li { float:left; border-bottom:1px solid #eee; width:105px; padding:15px; background:#f5f4f4; color:#222;border-right:1px solid #eee; border-left:1px solid #eee; border-top:2px solid #333; }

.container article #calnedar #cbody .c_bd { text-align:center; width:735px; }
.container article #calnedar #cbody .c_bd li { 
	float:left; 
	border:1px solid #eee; 
	width:105px; 
	height:200px;
	padding:10px 15px; 
	overflow:hidden; 
}

.container article #calnedar #cbody .c_bd li dl {  }
.container article #calnedar #cbody .c_bd li dl dt { text-align:left; }
.container article #calnedar #cbody .c_bd li dl dd { text-align:left; font-size:0.9em; }
.container article #calnedar #cbody .c_bd li dl dd a { color:#909090; }

}

@media (max-width:767px){


/*서브타이틀*/
.page-header h1{margin-left:5px;}
.page-header h3{margin-left:5px; margin-top:10px;}
/*소비자권리와 역할*/
.content_txt {margin:0px 5px; font-size:18px;}
.content_box{font-size:18px;}
/*관련사이트*/
.fa_site {border-bottom:1px solid #eee; padding:20px 0px; width:100%; font-size:18px;}
.fa_site img {border:1px solid #eee; margin-right:10px;}

/*상담이용안내*/
.list {margin:15px 0px; font-size:25px;}
.list ul li {float:left; margin-right:5px;
letter-spacing:-0.05em;font-weight:bold;padding:5px; width:30%; height:auto;}
.background{background:#00a7b7;color:#fff;}
.background2{background:#919191;color:#fff;}
.background3{background:#e3e4e5;}
.background4{background:#6b86cb; color:#fff;}

/* 일정관리 */
.container article #calnedar { width:100%; }

.container article #calnedar #header { 
	border-bottom:1px solid #e1e8ed;
	color:#666666;
	overflow:hidden;
	text-align:center;
	padding:15px 0;
	margin:10px 0;
}

.container article #calnedar #cbody .c_hd { display:none; }
.container article #calnedar #cbody .c_bd { text-align:center; }
.container article #calnedar #cbody .c_bd li { 
	border:1px solid #e1e8ed; 
	width:100%; 
	height:auto;
	padding:10px 15px; 
	overflow:hidden; 
	font-size:14px;
}

.container article #calnedar #cbody .c_bd li dl {  }
.container article #calnedar #cbody .c_bd li dl dt { float:left; margin-right:10px; font-size:1.3em; }
.container article #calnedar #cbody .c_bd li dl dd { font-size:1.2em; text-align:left; }
.container article #calnedar #cbody .c_bd li dl dd a { color:#909090; }

.table {font-size:25px}
}

/* 첨부파일 다운로드 출력 */
.file-download-wrap {display: flex;flex-direction: column;gap: 0.7rem;align-items: flex-start;}
.file-download-wrap .file-download-item {display: flex;align-items: center;gap: 0.8rem;flex-direction: row;}
.file-download-wrap .file-download-item a {display: flex; align-items:center; gap:0.3rem;}