@charset "utf-8";
/****************************************/
/*	Name:  Press Arbitration Commission
/*	PART: RESET STYLE - LAYOUT
/*	Version: 5
/*	Author: [내가그린기린그림 퍼블리싱팀] 양혜민
/****************************************/

.mobileHeader {
	z-index: 1000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	background: #fff;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);

}

/* ========== sub-top ========== */
.sub-visual .listTxt {
	position: absolute;
	right: 3%;
	top: 3%;
}

.sub-visual .listTxt li {
	line-height: 1.5em;
}

.sub-wrap {
	position: relative;
}

.sub-visual {
	position: relative;
	font-size: 100%;
}

.sub-visual.bg01 {
	width: 100%;
	background: url('../images/content/sub_visual01.jpg') no-repeat 80% center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content/sub_visual01.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/content/sub_visual01.jpg', sizingMethod='scale')";
}

.sub-visual.bg02 {
	width: 100%;
	background: url('../images/content/sub_visual02.jpg') no-repeat 80% center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content/sub_visual02.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/content/sub_visual02.jpg', sizingMethod='scale')";
}

.sub-visual.bg03 {
	width: 100%;
	background: url('../images/content/sub_visual03.jpg') no-repeat 80% center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content/sub_visual03.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/content/sub_visual03.jpg', sizingMethod='scale')";
}

.sub-visual.bg04 {
	width: 100%;
	background: url('../images/content/sub_visual04.jpg') no-repeat 80% center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content/sub_visual04.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/content/sub_visual04.jpg', sizingMethod='scale')";
}

.sub-visual.bg05 {
	width: 100%;
	background: url('../images/content/sub_visual05.jpg') no-repeat 80% center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content/sub_visual05.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/content/sub_visual05.jpg', sizingMethod='scale')";
}

.sub-visual.bg06 {
	width: 100%;
	background: url('../images/content/sub_visual06.jpg') no-repeat 80% center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content/sub_visual06.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/content/sub_visual06.jpg', sizingMethod='scale')";
}

.sub-visual.bg07 {
	width: 100%;
	background: url('../images/content/sub_visual07.jpg') no-repeat 80% center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/content/sub_visual07.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/content/sub_visual07.jpg', sizingMethod='scale')";
}

.sub-visual p {
	padding: 18% 0 18% 3%;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
}

.moblie-location {
	width: 100%;
	background: #feb324;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.moblie-location.bar01 {
	background: #feb324;
}

.moblie-location.bar02 {
	background: #2ccecc;
}

.moblie-location.bar03 {
	background: #0b4372;
}

.moblie-location.bar04 {
	background: #ed5c07;
}

.moblie-location.bar05 {
	background: #63b627;
}

.moblie-location.bar06 {
	background: #374786;
}

.moblie-location.bar07 {
	background: #5e32a0;
}

.moblie-location ul {
	overflow: hidden;
	padding: 10px 0 6px 0;
}

.moblie-location ul li {
	float: left;
	padding: 0 5px 0 12px;
	line-height: 1.8em;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	/* background: url('../images/etc/arrow_location.png') no-repeat 0 52%; */
}

.moblie-location ul li:first-child {
	width: 38px;
	/* width: 25px; */
	/* padding: 6px 5px 0 5px; */
	background: none;
}
.moblie-location ul li:first-child a {
	display: block;
	padding: 6px 5px;
}

/* ========== sub-container ========== */
.sub-container-all {
	*zoom: 1;
	position: relative;
	margin: 0 auto;
	padding: 0 2%;
}

.sub-container-all:after {
	content: "";
	display: block;
	clear: both;
}

.titleBox {
	/* overflow: hidden; */
	margin-bottom: 30px;
}

.pover {
	position: relative;
	overflow: hidden;
}

.sub-container-all h3 {
	line-height: 1.5em;
	font-size: 20px;
	font-weight: bold;
}

.sub-container-all .adnum {
	position: absolute;
	top: 14px;
	color: #000000;
	padding-left: 5px;
	font-size: 12px;
}

.sub-container-all .titleH3BgB {
	padding: 14px 0 14px 14px;
	color: #fff;
	background: #405875;
}

.titleh4 {
	margin-bottom: 10px;
	line-height: 1.5em;
	font-size: 15px;
	font-weight: bold;
}

.titleh4 span {
	display: block;
	font-size: 13px;
	color: #777777;
	padding-left: 13px;
}

.title4G {
	display: inline-block;
	width: 13px;
	height: 11px;
	margin-right: 7px;
	vertical-align: 0;
	background-position: 0 -612px;
}

.title4YG {
	display: inline-block;
	width: 13px;
	height: 11px;
	margin-right: 7px;
	vertical-align: 0;
	background-position: -77px -612px;
}

.titleB {
	display: inline-block;
	width: 13px;
	height: 11px;
	margin-right: 7px;
	vertical-align: 0;
	background-position: -13px -612px;
}

.titleO {
	display: inline-block;
	width: 13px;
	height: 11px;
	margin-right: 7px;
	vertical-align: 0;
	background-position: -26px -612px;
}

.titleY {
	display: inline-block;
	width: 13px;
	height: 11px;
	margin-right: 7px;
	vertical-align: 0;
	background-position: -38px -612px;
}
.titleS { display:inline-block; width:13px; height:11px; margin-right:7px; vertical-align:0; background-position:-51px -612px; }
.titleP { display:inline-block; width:13px; height:11px; margin-right:7px; vertical-align:0; background-position:-64px -612px; }

.sub-content { position:relative; overflow:hidden; padding-top:30px; height:100%; }
.content { position:relative; }

/* ===== CONTENT =====*/
/* ***** 잘못된 보도의 유형 ***** */
.wrong-wrap .box1 { margin-bottom:0; padding-top:30px; }
.wrong-wrap .box1 .box1-1 {  background:#f8f9fb; }
.wrong-wrap .box1 .box1-2 { position:relative; width:100%; max-width:720px; margin:0 auto; }
.wrong-wrap .box1 figure { position:absolute; left:50%; top:-30px; width:290px; margin-left:-145px; }
.wrong-wrap .box1 p { width:100%; padding:160px 0 19px; text-align:center; line-height:1.8em; font-size:16px;  }
.wrong-wrap .box1 p span { display:block; }
.wrong-wrap .box2 { margin-bottom:50px; padding-top:40px; }
.wrong-wrap .box2 ul li { overflow:hidden; margin-bottom:20px; padding:5px; border-radius:50px; }
.wrong-wrap .box2 ul li.bar-red { background-color:#fcf5e8; }
.wrong-wrap .box2 ul li.bar-blue { background-color:#f7f9fb; }
.wrong-wrap .box2 ul li p { width:57%; line-height:1.5em; font-size:14px; }
.wrong-wrap .box2 ul li p span { font-size:14px; }
.wrong-wrap .box2 ul li.bar-red p { float:left; margin:20px 0 0 7px; }
.wrong-wrap .box2 ul li.bar-red .icon { float:left; }
.wrong-wrap .box2 ul li.bar-blue p { float:right; margin:20px 7px 0 0; text-align:right; }
.wrong-wrap .box2 ul li.bar-blue .icon { float:right; }
.wrong-wrap .box2 ul li .icon { display:block; width:98px; height:98px; }
.wrong-wrap .box2 ul li .icon.icon1 { background-position:0 -298px; }
.wrong-wrap .box2 ul li .icon.icon2 { background-position:-98px -298px; }
.wrong-wrap .box2 ul li .icon.icon3 { background-position:-197px -396px; }
.wrong-wrap .box2 ul li .icon.icon4 { background-position:-295px -396px; }
.wrong-wrap .box2 ul li .icon.icon5 { background-position:-393px -298px; }
.wrong-wrap .box2 ul li .icon.icon6 { background-position:-491px -298px; }
.wrong-wrap .box2 ul li .icon.icon7 { background-position:-589px -396px; }
.wrong-wrap .box2 ul li .icon.icon8 { background-position:-687px -396px; }
.wrong-wrap .box2 ul li .icon.icon9 { background-position:-785px -298px; }
.wrong-wrap .box2 ul li .icon.icon10 { background-position:-883px -298px; }

.wrong-wrap .box2 ul li p.tt1 { margin:30px 0 0 7px; }
.wrong-wrap .box2 ul li p.tt2 { margin:30px 7px 0 0; }
.wrong-wrap .box2 ul li p.tt3 { margin:30px 0 0 7px; }
.wrong-wrap .box2 ul li p.tt5 { margin:30px 0 0 7px; }
.wrong-wrap .box2 ul li p.tt7 { margin:30px 0 0 7px; }
.wrong-wrap .box2 ul li p.tt8 { margin:10px 7px 0 0; }
.wrong-wrap .box2 ul li p.tt10 { margin:30px 7px 0 0; }

.wrong-wrap .box3 ul { overflow:hidden; margin-bottom:50px; }
.wrong-wrap .box3 ul li { position:relative; width:100%; margin-bottom:10px; padding:16px 0 20px; border:1px solid #999; border-top:2px solid #444;
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.wrong-wrap .box3 ul li .icon { display:block; margin:0 auto 17px; }
.wrong-wrap .box3 ul li .icon.wricon1 { width:38px; height:56px; background-position:0 -817px; }
.wrong-wrap .box3 ul li .icon.wricon2 { width:52px; height:55px; background-position:-44px -817px; }
.wrong-wrap .box3 ul li .icon.wricon3 { width:52px; height:65px; background-position:-99px -817px; }
.wrong-wrap .box3 ul li .icon.wricon4 { width:59px; height:46px; background-position:-153px -817px; }
.wrong-wrap .box3 ul li .icon.wricon5 { width:50px; height:67px; background-position:-215px -817px; }
.wrong-wrap .box3 ul li .icon.wricon6 { width:50px; height:51px; background-position:-269px -818px; }
.wrong-wrap .box3 ul li dl { width:80%; margin:0 auto; text-align:center; }
.wrong-wrap .box3 ul li dl dt { margin-bottom:12px; font-size:16px; font-weight:bold; }

/* 장애인 조정심리지원 */
.consult-wrap.disability_support .box3 {background: transparent;}
.consult-wrap.disability_support .box3 ul {margin-bottom: 0;}
.consult-wrap.disability_support .box3 ul li {display: flex; align-items: center; gap: 15px; height: 185px; text-indent: 0; padding: 20px 15px;}
.consult-wrap.disability_support .box3 .ttbox1,
.consult-wrap.disability_support .box3 .ttbox2,
.consult-wrap.disability_support .box3 .ttbox3,
.consult-wrap.disability_support .box3 .ttbox4 {width: 70%; text-align: left;}
.consult-wrap.disability_support .box3 ul li .icon {position: unset; width: 100px; height: 100px; margin: 0;}
.consult-wrap.disability_support .box3 .ic-1 {background: url(../images/icon/-e-ic_01.png) no-repeat center / contain;}
.consult-wrap.disability_support .box3 .ic-2 {background: url(../images/icon/-e-ic_02.png) no-repeat center / contain;}
.consult-wrap.disability_support .box3 .ic-3 {background: url(../images/icon/-e-ic_03.png) no-repeat center / contain;}
.consult-wrap.disability_support .box3 .ic-4 {background: url(../images/icon/-e-ic_04.png) no-repeat center / contain;}
.consult-wrap.disability_support .box3 .info {padding: 0px 0 20px 30px; line-height: 1.6; margin-bottom: 30px; background: url(../images/icon/-e-ic_notice.png) no-repeat left top / 22px 22px;}
.consult-wrap.disability_support .box3 .related_document {display: grid; align-items: center; text-align: center; grid-template-columns: auto 1fr 1fr; height: 100%; border: 1px solid #999;}
.consult-wrap.disability_support .box3 .related_document .related_tit {display: flex; justify-content: center; align-items: center; width: 200px; height: 100%; color: #fff; background: #878787; font-weight: 700;}
.consult-wrap.disability_support .box3 .related_document .related_tit span {color: #fff;}
.consult-wrap.disability_support .box3 .related_document .related_content {display: flex; flex-direction: column; align-items: center; padding: 10px; border-right: 1px solid #999;}
.consult-wrap.disability_support .box3 .related_document .related_content:last-child {
	border: none;
}
.consult-wrap.disability_support .box3 .related_document .related_content span {margin-bottom: 15px;}
.consult-wrap.disability_support .box3 .related_document .btn-gray {width: 138px; border-radius: 5px;}
.consult-wrap.disability_support .box3 .related_document .btn-gray i {margin-left: 5px;}


/* ***** 피해회복 방법 ***** */
.method-wrap .box1 { overflow:hidden; margin-bottom:30px; padding-bottom:45px; border-bottom:1px solid #999; }
.method-wrap .box1.bor { border-bottom:0; padding-bottom:0; }
.method-wrap .box1 .fL,
.method-wrap .box1 .fR { width:100%; }
.method-wrap .box1 figure.fL { text-align:center; }
.method-wrap .box1 dl dt { margin-bottom:40px; padding-top:30px; line-height:1.5em; text-align:center; font-size:18px; }
.method-wrap .box1 p { margin-top:30px; line-height:1.5em; font-size:14px; }

.method-wrap .box2 { overflow:hidden; margin-bottom:30px; }
.method-wrap .box2 > div { width:100%; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.method-wrap .box2 > div > div { margin-bottom:20px; padding:30px 3%; border:1px solid #999; border-top:3px solid #444; }
.method-wrap .box2 div .icon { display:block; width:115px; height:115px; margin:0 auto 20px; }
.method-wrap .box2 div .icon.icon1 { background-position:-349px -183px; }
.method-wrap .box2 div .icon.icon2 { background-position:-487px -183px; }
.method-wrap .box2 div .icon.icon3 { background-position:-615px -183px; }
.method-wrap .box2 div .icon.icon4 { background-position:-744px -183px; }
.method-wrap .box2 div dl dt { margin-bottom:15px; text-align:center; font-size:16px; font-weight:bold; }
.method-wrap .box2 div dl dd { line-height:1.5em; text-align:center; font-size:14px; }
.method-wrap .box2-1 div { width:100%; margin-top:20px; padding:0; border:1px solid #999; border-top:3px solid #444; }
.method-wrap .box2-1 div:first-child { margin-top:0; }
.method-wrap .box2-1 div p { padding:17px 0; text-align:center; font-size:16px; font-weight:bold; border-bottom:1px solid #999; background:#f8f9fb; }
.method-wrap .box2-1 div ul { padding:30px 15px; }
.method-wrap .box2-1 div ul li { padding-left:9px; text-indent:-9px; line-height:1.7em; font-size:14px; }
.method-wrap .box3-1 { margin-bottom:20px; padding:3%; background:#f8f9fb; }
.method-wrap .box3-1 li { margin-top:15px; padding-left:15px; text-indent:-15px; line-height:1.5em; font-size:14px; font-weight:bold; }
.method-wrap .box3-1 li:first-child { margin-top:0; }
.method-wrap .box3-2 li { margin-bottom:0; padding-left:9px; text-indent:-9px; font-weight:normal; }
.method-wrap .box3-1 li span { font-size:14px; text-decoration:underline; }
.method-wrap .box3-3 li { font-weight:normal; }

.method-wrap .box3 p { padding:30px 3%; line-height:1.5em; font-size:14px; background:#f8f9fb; }

.method-faq-all { margin-bottom:50px; }
.method-faq-all .faq_title,
.method-faq-all .faq_titleq { margin-bottom:9px; border:1px solid #e7e7e7;  border-bottom:1px solid #bebebe; background:url('../images/etc/bg_faqtitle.png') repeat-x 0 0; }
.method-faq-all .faq_title a,
.method-faq-all .faq_titleq a,
.method-faq-all .faq_titleq.faqacc a { display:block; padding:20px 0 19px 19px; font-size:16px; font-weight:bold; background:url('../images/etc/arrow_down_gray.png') no-repeat 97% center; }
.method-faq-all .faq_title a.active,
.method-faq-all .faq_titleq a.active,
.method-faq-all .faq_titleq.faqacc a.active { background:url('../images/etc/arrow_up_gray.png') no-repeat 97% center; }
.method-faq-all .faq { display:none; padding: 30px 0px; }
.method-faq-all .faqq {margin:30px 0; }
/**/
.method-faq-all .faq_titleq a {cursor:default;background:none;}
.method-faq-all .faq_titleq.faqacc a  {cursor:pointer;}

/* ***** 조정신청서 작성 시 잘못 기재하기 쉬운 사례 ***** */
.method-faq.bg { position: relative; background-color: #f7f7f7;}
.method-faq.bg::before { content: ''; position: absolute; display: block; width:100vw; height: calc(100% + 150px); top: 0; left: 50%; transform: translateX(-50%); background-color: #f7f7f7;}
.method-faq h4 { position: relative; display: flex; font-size: 24px; align-items: center; justify-content: center; padding: 55px 0 35px 0; margin-bottom: 0; text-align: center; }
.method-faq .method-faq-all { position: relative; }
.method-faq .icon_faq { display: block; width: 28px; height: 28px; margin-right: 15px; background-image: url('../images/icon/methd_faq_tit.png'); background-repeat: no-repeat; background-size: contain; }
.method-faq .method-faq-all .faq_title { margin-bottom: 0; border: none; border-bottom:1px solid #bebebe; background: none; }
.method-faq .method-faq-all .faq_title:first-child { border-top: 2px solid #1e1e1e; }
.method-faq .method-faq-all .faq_title a { display:block; position: relative; padding:20px 80px; font-size:16px; font-weight:bold; background:url('../images/etc/methd_faq_more.png') no-repeat 97% center; }
.method-faq .method-faq-all .icon_q { display: inline-block; position: absolute; width: 25px; height: 25px; left: 17px; background-image: url('../images/icon/methd_faq_q.png'); }
.method-faq .method-faq-all .faq_title a.active { background:url('../images/etc/methd_faq_omit.png') no-repeat 97% center; }
.method-faq .method-faq-all .faq { display:none; padding: 30px 80px; border-bottom: 1px solid #ccc; background: url('../images/icon/methd_faq_a.png') no-repeat 17px 35px; }

@media screen and (max-width: 767px){
	.method-faq.bg::before { height: calc(100% + 50px); }
}
@media screen and (max-width: 600px){
	.method-faq h4 { flex-direction: column; font-size: 20px; padding: 30px 15px 15px; word-break: keep-all; }
	.method-faq .icon_faq { width: 26px; height: 26px; margin-right: 0; margin-bottom: 5px; }
	.method-faq .method-faq-all .faq_title { margin-bottom: 0; border: none; border-bottom:1px solid #bebebe; background: none; }
	.method-faq .method-faq-all .faq_title a { padding:15px 55px; font-size:14px; }
	.method-faq .method-faq-all .icon_q { left: 15px; }
	.method-faq .method-faq-all .faq { padding: 20px 55px; background: url('../images/icon/methd_faq_a.png') no-repeat 15px 20px; }
}

/* ***** 언론피해상담 및 조정/중재신청 ***** */
.consult-wrap .box1 { overflow:hidden; position:relative; margin-bottom:30px; padding:5% 4%; background:#edf2fd; }
.consult-wrap .box1 .box1-1 { overflow:hidden; }
.consult-wrap .box1 .icon { float:left; width:78px; height:78px; background-position:0 -494px; }
.consult-wrap .box1 .tt { float:left; width:100%; margin-bottom:20px; text-align:center; }
.consult-wrap .box1 .tt span { line-height:1.8em;  font-size:14px; }
.consult-wrap .box1 .tt em { font-size:18px; }
.consult-wrap .box1 .btn-box { width:60%; max-width:300px; margin:0 auto; }
.consult-wrap .box1 .btn-box a { position:relative; display:inline-block; width:100%; padding:3% 0 3% 4%; line-height:1.5em; text-align:left; color:#fff; background:#7da4cc url('../images/etc/arrow_left_b.png') no-repeat 96% center; }
.consult-wrap .box1 .btn-box a span { font-size:12px; }
.consult-wrap .box1 .btn-box a em { font-size:14px; }
.consult-wrap .box1 .btn-box a .go { position:absolute; right:15px; top:26px; padding-right:20px; }

.consult-wrap .box2 { overflow:hidden; margin-bottom:10px; }
.consult-wrap .box2 .fL { width:100%; margin-bottom:20px; border:1px solid #999; border-top:2px solid #feb324;
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.consult-wrap .box2 .fL p { padding:19px 0; line-height:1.7em; text-align:center; font-weight:bold;  border-bottom:1px solid #999; }
.consult-wrap .box2 .fL ul { padding:5%; }
.consult-wrap .box2 .fL ul li { padding-left:16px; text-indent:-16px; line-height:1.7em; font-size:14px; }
.consult-wrap .box2 .fL ul li a { font-size:14px; color:#feb324; text-decoration:underline; }

.consult-wrap .box3 { margin-bottom:50px; padding:30px 20px; background:#f8f9fb; }
.consult-wrap .box3 ul li { padding-left:9px; text-indent:-9px; line-height:1.7em; font-size:14px; }
.consult-wrap .box3 a { width:240px; }
.consult-wrap .box3-1 ul li { padding-left:0; text-indent:0; }

.consult-wrap .box4 .box4-1 { overflow:hidden; margin-bottom:20px; border-top:3px solid #444; }
.consult-wrap .box4 .box4-1 p { width:100%; padding:20px 10px; font-size:16px; font-weight:bold; border-bottom:1px solid #999; background:#f8f9fb; }
.consult-wrap .box4 .box4-1 p span { display:block; margin-top:10px; line-height:1.5em; font-size:12px; font-weight:normal; }
.consult-wrap .box4 .box4-1 ul { width:100%; }
.consult-wrap .box4 .box4-1 ul li { overflow:hidden; padding:13px 20px 12px 30px; border-bottom:1px solid #999; }
.consult-wrap .box4 .box4-1 ul li span { float:left; width:63%; margin-top:4px; line-height:1.5em; font-size:14px; }
.consult-wrap .box4 .box4-1 ul li a { float:right; display:inline-block; width:100px; height:30px; line-height:30px; border-radius:5px; }
.consult-wrap .box4 .box4-1 ul li a .icon { margin-left:7px; }


.consult-wrap .box4 .box4-2 { overflow:hidden; margin-bottom:20px; border-top:3px solid #444; }
.consult-wrap .box4 .box4-2 p { width:100%; padding:20px 10px; font-size:16px; font-weight:bold; border-bottom:1px solid #999; background:#f8f9fb; }
.consult-wrap .box4 .box4-2 p span { display:block; margin-top:10px; line-height:1.5em; font-size:12px; font-weight:normal; }
.consult-wrap .box4 .box4-2 ul { width:100%; }
.consult-wrap .box4 .box4-2 ul li { overflow:hidden; padding:13px 20px 12px 30px; border-bottom:1px solid #999; }
.consult-wrap .box4 .box4-2 ul li span { float:left; width:63%; margin-top:4px; line-height:1.5em; font-size:14px; }
.consult-wrap .box4 .box4-2 ul li a { float:right; display:inline-block; width:100px; height:30px; line-height:30px; border-radius:5px; }
.consult-wrap .box4 .box4-2 ul li a .icon { margin-left:7px; }

.consult-wrap .box5 { overflow:hidden; }
.consult-wrap .box5 .fL { width:100%; margin-bottom:20px; border-top:3px solid #444; }
.consult-wrap .box5 .fL p { padding:17px 0; text-align:center; font-weight:bold; color:#fff; background:#3c4c80; }
.consult-wrap .box5 .fL div { padding:30px 0 26px; text-align:center; border:1px solid #999; border-top:0; }
.consult-wrap .box5 .fL div a { border-radius:5px; }

/* ***** 시정권고소위원회 소개 ***** */
.cr-intro .box1 { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #999; }
.cr-intro .box1 .box1-1 { overflow:hidden; }
.cr-intro .box1 .box1-1 .fL { width:100%; margin-bottom:50px; text-align:center; }
.cr-intro .box1 .box1-1 .fL img { width:90%; max-width:458px; }
.cr-intro .box1 .box1-1 .fR { width:100%; margin-bottom:50px; }
.cr-intro .box1 .box1-1 .fR dt { margin-bottom:20px; line-height:1.5em; text-align:center; font-size:18px; }
.cr-intro .box1 .box1-1 .fR dd ul li { padding-left:10px; text-indent:-10px; line-height:1.5em; font-size:14px; }
.cr-intro .box1 .box1-2 { clear:both; overflow:hidden; }
.cr-intro .box1 .box1-2 li {
	float:left; width:100%; margin-top:15px; padding:25px 2%; line-height:1.5em; text-align:center; font-size:14px; font-weight:bold; color:#fff; border-radius:5px;
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.cr-intro .box1 .box1-2 li:first-child { margin-top:0; }
.cr-intro .box1 .box1-2 li.bg1 { background:#049eb5; }
.cr-intro .box1 .box1-2 li.bg2 { background:#37b4c7; }
.cr-intro .box1 .box1-2 li.bg3 { background:#70c2ce; }

.cr-intro .box2 p { margin-bottom:30px; line-height:1.5em; font-size:14px; }

/* ***** 시정권고 심의기준 ***** */
.cr-basis { position:relative; padding-top:40px; }
.cr-basis01 { padding-top:0; }
.cr-basis .cr-basis-btn { position:absolute; right:0; top:-9px; /*margin-bottom:10px; text-align:right;*/ }
.cr-basis .cr-basis-btn a { width:230px; }
.cr-basis .box1 .faq_title  { margin-bottom:9px; border:1px solid #e7e7e7;  border-bottom:1px solid #bebebe; background:url('../images/etc/bg_faqtitle.png') repeat-x 0 0; }
.cr-basis .box1 .faq_title a { display:block; padding:20px 0 19px 19px; font-size:16px; font-weight:bold; background:url('../images/etc/arrow_down_gray.png') no-repeat 97% center; }
.cr-basis .box1 .faq_title a.active { background:url('../images/etc/arrow_up_gray.png') no-repeat 97% center; }
.cr-basis .box1 .faq_title strong { font-size:14px; }
.cr-basis .box1 .faq { display:none; padding:30px 2%; }
.cr-basis .box1 .faq dl { margin-bottom:30px; }
.cr-basis .box1 .faq dl dt { margin-bottom:30px; font-size:14px; font-weight:bold; }
.cr-basis .box1 .faq dl dd, .cr-basis .box1 .faq dl dd p, .cr-basis .box1 .faq p {  line-height:1.5em; font-size:14px; }
.cr-basis .box1 .faq dl dd ul li { padding-left:18px; text-indent:-18px; line-height:1.5em; font-size:14px; }

/* ***** 재심청구 ***** */
.resubmit { position:relative; }
.resubmit .box1 { margin-bottom:30px; padding:3%; background:#f8f9fb; }
.resubmit .box1 li { padding-left:8px; text-indent:-8px; line-height:1.5em; font-size:14px; }
.resubmit .box2 { overflow:hidden; }
.resubmit .box2 > div { width:100%; }
.resubmit .box2 .box2-01 { position:relative; margin-bottom:50px; padding:4% 2%; border:1px solid #999; border-top:3px solid #444; }
.resubmit .box2 .box2-01 p { margin-bottom:30px; padding-bottom:30px; line-height:1.5em; text-align:center; font-size:14px; color:#02707f; border-bottom:1px solid #999; }
.resubmit .box2 .box2-01 p .icon { display:block; width:115px; height:115px; margin:0 auto 8%; }
.resubmit .box2 .box2-01 p .icon01 { background-position:-291px -495px; }
.resubmit .box2 .box2-01 p .icon02 { background-position:-406px -495px; }
.resubmit .box2 .box2-01 p .spLineBot {  line-height:1.5em; font-size:14px; color:#02707f; }
.resubmit .box2 .box2-01 ul li { padding-left:19px; text-indent:-19px; line-height:1.5em; font-size:14px; }
.resubmit .box2 .box2-01 ul li strong { font-size:14px; }
.resubmit .box2 .box2-01 ul li strong .icon { display:inline-block; width:12px; height:10px; margin:0 9px; background-position:-378px -161px; }
.resubmit .box2 .box2-01 ul li strong .icon.post { height:13px; background-position:-390px -158px; }
.resubmit .box2 .box2-01 ul li:before { content:"■"; margin-right:8px; font-size:14px; color:#2f2f2f; vertical-align:0px; }
.resubmit .box2 .box2-01 a.btn-gray { display:block; width:210px; height:50px; margin:30px auto 0; line-height:50px; }
.resubmit .box2 .box2-01 a .icon { display:inline-block; width:15px; height:13px; margin-left:30px; background-position:-312px -159px }


.resubmit-form { position:relative; }
.resubmit-form p { margin-bottom:14px; line-height:1.5em; font-size:12px; font-weight:bold; color:#405875; }
.resubmit-form p.txt { margin-top:20px; line-height:1.5em; text-align:center; font-size:14px; font-weight:bold; color:#405875; }
.resubmit-form p.txt span { font-size:14px; color:#ca4c00; }

/* ***** 선거기사심의위원회 소개 ***** */
.vt-intro .box1 { overflow:hidden; margin-bottom:30px; border-bottom:1px solid #999; }
.vt-intro .box1 figure { width:100%; max-width:410px; margin:0 auto 40px; }
.vt-intro .box1 .box1-1 p { margin-bottom:40px; line-height:1.5em; }
.vt-intro .box1 .box1-1 .tt1 { line-height:1.3em; }
.vt-intro .box1 .box1-1 .tt1 { text-align:center; font-size:18px; }
.vt-intro .box1 .box1-1 .tt2,
.vt-intro .box1 .box1-1 .tt3,
.vt-intro .box1 .box1-1 .tt4 { font-size:14px; }

.vt-intro .box2 div { padding:5%; background:#f8f9fb; }
.vt-intro .box2 div ul li { padding-left:17px; text-indent:-17px; line-height:1.5em; font-size:14px; }
.vt-intro .box2 div ul li ul { margin:25px 0; }
.vt-intro .box2 div ul li ul li { margin-top:15px; padding-left:10px; text-indent:-10px; }
.vt-intro .box2 div ul li ul li:first-child { margin-top:0; }

.vt-intro .box3 h4 { width:65%; }
.vt-intro .box3 .box3-1 { border-top:2px solid #999;}
.vt-intro .box3 .box3-1 .faq_title { background:url('../images/etc/bg_faqtitle.png') repeat-x 0 bottom; }
.vt-intro .box3 .box3-1 .faq_title a { display:block; padding:28px 6px; border-bottom:1px solid #ccc;  background:url('../images/etc/arrow_faq_down.png') no-repeat 97% center; }
.vt-intro .box3 .box3-1 .faq_title a.active { background:url('../images/etc/arrow_faq_up.png') no-repeat 97% center; }
.vt-intro .box3 .box3-1 .faq_title p { width:85%; line-height:1.5em; font-weight:bold; }
.vt-intro .box3 .box3-1 .faq_title p span { display:block; margin-top:17px; font-size:12px; font-weight:normal; }
.vt-intro .box3 .box3-1 .faq { display:none; }

/* ***** 심의,의결 절차도, 선거기사 심의기준 ***** */
.vt-step .box1 ul { padding:3%; background:#f8f9fb; }
.vt-step .box1 ul li { padding-left:9px; text-indent:-9px; line-height:1.5em; font-size:14px; }
.vt-basis .box1 { overflow:hidden; padding:3%; background:#f8f9fb; }
.vt-basis .box1 p.fL { float:left; width:100%; margin-bottom:28px; line-height:1.5em; font-size:14px; }
.vt-basis .box1 div.fR { float:right; width:100%; text-align:center; }
.vt-basis .box1 a { width:235px; height:50px; line-height:50px; }

/* ***** 자체심의 및 시정요구 ***** */
.vt-info .box1 { overflow:hidden; margin-bottom:30px; }
.vt-info .box1 .fL { width:100%; }
.vt-info .box1 figure.fL { margin-bottom:30px; }
.vt-info .box1 .fL img { max-width:233px; }
.vt-info .box1 .fL li { padding-left:10px; text-indent:-10px; line-height:1.5em; font-size:14px; }
.vt-info .box1 p { line-height:1.5em; font-size:14px; }
.vt-info .box2 p { padding:3%; line-height:1.5em; font-size:14px; background:#f8f9fb; }
.vt-info .box2 .box2-1 { padding:3%; background:#f8f9fb; }
.vt-info .box2 .box2-1 p { margin-bottom:20px; padding:0; background:transparent; }
.vt-info .box2 .box2-1 p a { font-size:14px; font-weight:bold; }
.vt-info .box2 .box2-1 > a { margin-left:9px; font-size:14px; }
.vt-info .box2 .tel { display:inline-block; width:15px; height:15px; margin-right:5px; background-position:-685px -154px; }
.vt-info .box2 ul { margin-bottom:30px; }
.vt-info .box2 ul li { margin-top:7px; line-height:1.5em; font-size:14px; }
.vt-info .box2 ul li:first-child { margin-top:0; }
.vt-info .box2 ul li .icon { display:inline-block; width:12px; margin-right:6px; }
.vt-info .box2 ul li .add { height:15px; background-position:-732px -153px }
.vt-info .box2 ul li .email { height:10px; background-position:-704px -157px }
.vt-info .box2 ul li .fax { height:13px; background-position:-717px -155px }
.vt-info .box2 .btns a { overflow:hidden; width:100%; max-width:273px; height:40px; margin-bottom:13px; padding:14px 15px 0 15px; line-height:40px; text-align:left; }
.vt-info .box2 .btns a span { float:left; font-size:14px; }
.vt-info .box2 .btns a .icon { float:right; }
.vt-info .box2 .btns01 { margin-top:20px; text-align:center; }
.vt-info .box2 .btns01 a { max-width:275px; margin:0; padding:0 0 0 10px; }
.vt-info .box2 .btns01 a .icon { float:none; margin-left:15px; }
.vt-info .box3 { margin-bottom:30px; border-bottom:1px solid #999; }
.vt-info .box3 .tab { overflow:hidden; margin-bottom:50px; }
.vt-info .box3 .tab li { float:left; width:33.3%; border:1px solid #e0e0e0;  }
.vt-info .box3 .tab li a { display:block; padding:18px 0; text-align:center; font-size:16px; color:#6c6c6c; }
.vt-info .box3 .tab li a:hover,
.vt-info .box3 .tab li a.active { color:#fff; background:#878787; }
.vt-info .box3 .box3-con { margin-bottom:45px; border-bottom:1px solid #999; }
.vt-info .box3 .box3-con .box3-con-box1 { overflow:hidden; margin-bottom:30px; }
.vt-info .box3 .box3-con .box3-con-box1 div.fL { width:100%; margin-bottom:25px; }
.vt-info .box3 .box3-con .box3-con-box1 .icon { display:block; width:116px; height:117px; margin:0 auto; }
.vt-info .box3 .box3-con .box3-con-box1 .icon1 { background-position:0 -652px; }
.vt-info .box3 .box3-con .box3-con-box1 .icon2 { background-position:-116px -652px; }
.vt-info .box3 .box3-con .box3-con-box1 .icon3 { background-position:-232px -652px; }
.vt-info .box3 .box3-con .box3-con-box1 .icon4 { background-position:-348px -652px; }
.vt-info .box3 .box3-con .box3-con-box1 .icon5 { background-position:-464px -652px; }
.vt-info .box3 .box3-con .box3-con-box1 .icon6 { background-position:-580px -652px; }
.vt-info .box3 .box3-con .box3-con-box1 dl.fL { width:100%; }
.vt-info .box3 .box3-con .box3-con-box1 dl.fL dt { margin-bottom:20px; font-size:16px; font-weight:bold; text-align:center; }
.vt-info .box3 .box3-con .box3-con-box1 dl.fL dd { line-height:1.5em; font-size:14px; }
.vt-info .box3 .box3-con .box3-con-box2 { margin-bottom:45px; border:1px solid #999; border-top:3px solid #444;  }
.vt-info .box3 .box3-con .box3-con-box2 p.title {  background:url('../images/etc/bg_faqtitle.png') repeat-x 0 0; }
.vt-info .box3 .box3-con .box3-con-box2 p.title a {
	display:block; padding:18px 0 18px 3%; font-weight:bold;
	cursor:pointer; background:url('../images/etc/arrow_down_gray.png') no-repeat 97% center;
}
.vt-info .box3 .box3-con .box3-con-box2 p.title a.active { border-bottom:1px solid #999;
	background:url('../images/etc/arrow_up_gray.png') no-repeat 97% center;
}
.vt-info .box3 .box3-con .box3-con-box2 p.tt { padding:3%; line-height:1.5em; font-size:14px; }
.vt-info .box3 .box3-con .box3-con-box2 ol { padding:3%; }
.vt-info .box3 .box3-con .box3-con-box2 ol li { line-height:1.5em; font-size:14px; }
.vt-info .box3 .box3-con .box3-con-box2 .toggle {  display:none; }

/* ***** 조정중재 아카데미 소개 ***** */
.academy-intro .box1 { overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #999; }
.academy-intro .box1 .fL { width:100%; }
.academy-intro .box1 figure { margin-bottom:25px; }
.academy-intro .box1 dl { width:100%; }
.academy-intro .box1 dl dt { margin-bottom:15px; line-height:1.5em; text-align:center; font-size:18px; border-bottom:1px solid #ccc;padding-bottom:15px;}
.academy-intro .box1 dl dd { line-height:1.5em; font-size:14px; word-break:keep-all;line-height:1.8;}
.academy-intro .box2 { margin-bottom:50px; padding-bottom:80px; border-bottom:1px solid #999; }
.academy-intro .box2 figure { margin-bottom:30px; }
.academy-intro .box2 p strong { font-size:15px; }
.academy-intro .box3 { margin-bottom:40px; padding-bottom:30px; border-bottom:1px solid #999; }
.academy-intro .box3 ul { padding:3%; background:#f8f9fb; }
.academy-intro .box3 ul li { margin-bottom:7px; padding-left:16px; text-indent:-16px; line-height:1.5em; font-size:14px; }
.academy-intro .box3 ul li:before { content:"■"; margin-right:5px; font-size:12px; color:#2f2f2f; vertical-align:bottom; }
.academy-intro .box3 ul li strong { font-size:14px; }
.academy-intro .box4 ul { overflow:hidden; }
.academy-intro .box4 ul li { width:100%; position:relative; margin-top:25px; }
.academy-intro .box4 ul li:first-child { margin-top:0; }
.academy-intro .box4 ul li span {
	position:absolute; left:0; bottom:0; display:block; width:100%; padding:20px 0; text-align:center;
	font-size:16px; font-weight:bold; color:#fff; background:url('../images/etc/modalBg.png') repeat 0 0;
}
.academy-intro .box4 ul li img {width:100%;}

/* ***** 교육과정 안내 ***** */
.curriculum-wrap .box1 { position:relative; margin-bottom:30px; padding-bottom:0; border-bottom:0; }
.curriculum-wrap .box1 .box1-1 { overflow:hidden; margin-bottom:30px; }
.curriculum-wrap .box1 .box1-2 { overflow:hidden; margin-bottom:30px; }
.curriculum-wrap .box1 .box1-2 div { width:100%; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.curriculum-wrap .box1 .box1-2 div:first-child { margin-bottom:25px; }
.curriculum-wrap .box1 .box1-2 div h5 { padding:20px 0; text-align:center; font-size:16px; font-weight:bold; color:#fff; border-top:3px solid #444; background:#3c4c80; }
.curriculum-wrap .box1 .box1-2 div ul { padding:4%; border:1px solid #dadada; border-top:0; }
.curriculum-wrap .box1 .box1-2 div ul li { margin-bottom:10px; padding-left:9px; line-height:1.5em; font-size:14px; text-indent:-9px; }
.curriculum-wrap .box1 .box1-3 { width:auto; padding:4%; border:1px solid #d8d8d8; border-top:3px solid #405875; }
.curriculum-wrap .box1 .box1-3 dt { margin-bottom:15px; text-align:left; letter-spacing:-0.3px; font-size:16px; font-weight:bold; }
.curriculum-wrap .box1 .box1-3 dd { line-height:1.5em; font-size:14px; }

.curriculum-wrap .box3 { position:relative; padding-bottom:0; border-bottom:0; }
.curriculumBnt { margin-left:10px; }
.curriculumBnt img { vertical-align:middle; }

/*.curriculum-wrap h4
.curriculumBnt { position:absolute; right:0; top:0; width:80px; height:30px; line-height:30px; }*/

/* ***** ADR 연수 ***** */
.adr-wrap-con { padding:3%; padding-top:0; }
.adr-wrap .box1 { overflow:hidden; margin-bottom:50px; }
.adr-wrap .box1 div.fL { width:182px; height:36px; margin-bottom:15px; padding-top:10px; text-align:center; font-weight:bold; color:#fff; background:url('../images/content/bar_orange.png') no-repeat 0 0; }
.adr-wrap .box1 p.fL { width:100%; font-weight:bold; }
.adr-wrap .box2 { position:relative; margin-bottom:30px; padding:5% 5% 0 5%; border:1px solid #999; border-top:3px solid #405875; }
.adr-wrap .box2 ul li { margin-bottom:20px; padding-left:16px; text-indent:-16px; line-height:1.5em; font-size:12px; }
.adr-wrap .box2 ul li .edubox2-min { padding-top:20px; }
.adr-wrap .box2 ul li .edubox2-min li {  margin-bottom:10px; padding-left:0; text-indent:-8px;  }
.adr-wrap .box2 ul li .edubox2-min li span { font-size:12px; }
.adr-wrap .box2-1 { margin-bottom:30px; border:1px solid #999; border-top:3px solid #444; }
.adr-wrap .box2-1 table { width:100%; }
.adr-wrap .box2-1 table th,
.adr-wrap .box2-1 table td { border-top:1px solid #999; }
.adr-wrap .box2-1 table th { width:25%; text-align:center; font-weight:bold; background:#f8f9fb; }
.adr-wrap .box2-1 table td { width:75%; padding:10px; line-height:1.3em; }

.adr-wrap .box2-1M { border-left:0; }
.adr-wrap .box2-1M table th.h { padding:15px 0; }
.adr-wrap .box2-1M table td { width:auto !important; }
.adr-wrap .box2-1M table th,
.adr-wrap .box2-1M table td{ border-left:1px solid #999; }

.adr-wrap .box3 .box3-con { position:relative; margin-bottom:20px; border:1px solid #999; border-top:3px solid #444; }
.adr-wrap .box3 .box3-con .title { padding:16px 0 15px 1%; background:#f5f5f5; }
.adr-wrap .box3 .box3-con .title p { width:100%; line-height:1.3em; font-weight:bold; }
.adr-wrap .box3 .box3-con .title p br {display:none;}
.adr-wrap .box3 .box3-con .title p span { display:block; margin-top:15px; font-size:12px; font-weight:normal; }
.adr-wrap .box3 .box3-con ul { padding:5% 5% 2% 5%; border-top:1px solid #999; }
.adr-wrap .box3 .box3-con ul li { margin-bottom:10px; line-height:1.3em; font-size:12px; }
.adr-wrap .box3 .box3-con ul li strong { font-size:12px; }
.adr-wrap .box3 .box3-con ul li:before { content:"■"; margin-right:5px; font-size:12px; color:#2f2f2f; vertical-align:bottom; }
.adr-wrap .box3 .box3-con .btns a { position:absolute; right:5px; width:80px; height:30px; line-height:30px; font-size:12px; }
.adr-wrap .box3 .box3-con .btns a.bnt01 { top:7px; }
.adr-wrap .box3 .box3-con .btns a.bnt02 { top:39px; }
.adr-wrap .box3 .box3-con .detailCon { display:none; }

/* ***** 언론피해 구제 및 예방교육 ***** */
.adr-wrap .edubox2-1 { overflow:hidden; margin-bottom:10px; }
.adr-wrap .edubox2-1 li {
	float:left; width:100%; margin-bottom:20px; padding:21px 0; border:1px solid #999; border-top:3px solid #444;
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.adr-wrap .edubox2-1 li .icon { display:block; width:93px; height:92px; margin:0 auto 27px; }
.adr-wrap .edubox2-1 li .icon.icon1 { background-position:-521px -507px }
.adr-wrap .edubox2-1 li .icon.icon2 { background-position:-614px -507px }
.adr-wrap .edubox2-1 li .icon.icon3 { background-position:-707px -507px }
.adr-wrap .edubox2-1 li .icon.icon4 { background-position:-800px -507px }
.adr-wrap .edubox2-1 li p { text-align:center; font-weight:bold; }
.adr-wrap .edubox2-1 li p span { display:block; margin-top:15px; line-height:1.3em; font-size:12px; font-weight:normal; }

/* ***** 인턴십 프로그램 ***** */
.internBtn { margin-bottom:20px; padding:22px 0; text-align:center; background:#f8f9fb; }
.internBtn a { width:130px; height:40px; line-height:40px; }
.adr-wrap .box3 .box3-con .internBtn01 a { top:25px; }

.internbox3 { margin-bottom:40px; padding:140px 0 40px; text-align:center; border:1px solid #999; border-top:3px solid #444; background:url('../images/content/bg_internship_group01.png') no-repeat center 40px; }
.internbox3 p { margin-bottom:20px; line-height:1.5em; font-size:14px; }
.internbox3 a { width:190px; }

/* ***** 사진자료실 ***** */
.list-box { overflow:hidden; border-top:3px solid #444; border-bottom:1px solid #999; }
.list-box a { display:block; width:100%; }
.list-box dl { float:left; width:100%; padding:20px 0; border-bottom:1px solid #999; }
.list-box dl dt { float:left; width:48%; }
.list-box dl dd { float:left; width:48%; margin-left:10px; }
.list-box dl dd .title {
	 line-height:1.3em; font-size:14px; font-weight:bold;
	overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;
}
.list-box dl dd .tt { overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; margin-top:7px; line-height:1.3em; font-size:12px; }

.view-box { overflow:hidden; margin-bottom:20px; border-top:3px solid #444; border-bottom:2px solid #999; }
.view-box .box1 .title { padding:3%; line-height:1.5em; text-align:center; border-bottom:1px solid #999; background:#f8f9fb; }
.view-box .box1 .title strong { margin-right:5px; }
.view-box .box1 { overflow:hidden; border-bottom:1px solid #999; }
.view-box .box1 .boardListDdate { text-align:right; padding:10px 3% 17px 0; }
.view-box .box1 .flie-box { overflow:hidden; padding:12px 3%; border-top:1px solid #999;  }
.view-box .box1 .flie-box p { float:left; width:55px; margin-top:8px; font-size:14px; }
.view-box .box1 .flie-box ul { float:left; width:calc(100% - 60px); margin-left:5px; padding:5px 10px; background:url('../images/etc/dotted_gray02.png') repeat-y 0 0; }
.view-box .box1 .flie-box ul li { margin-top:5px; }
.view-box .box1 .flie-box ul li:first-child { margin-top:0; }
.view-box .box1 .flie-box ul li a { line-height:1.3em; font-size:12px; word-break: keep-all; }
.view-box .box1 .flie-box ul li a:hover { text-decoration:underline; }
.view-box .box2 { padding:40px 3%; text-align:center; }
.view-box .box2 p { margin-bottom:30px; text-align:left; font-size:14px; line-height:1.5em; }
.view-box .box2-1 p { margin-bottom:0; }
.list_btn { margin-bottom:40px; text-align:right; }
.list_btn a { width:140px; height:40px; line-height:40px; }

.prev-next {  padding:15px 3%; border-top:1px solid #999; border-bottom:1px solid #999; background:#f8f9fb; }
.prev-next-bg { overflow:hidden; background:url('../images/etc/dotted_gray02.png') repeat-y center 0; }
.prev-next-bg > div { position:relative; float:left; width:50%; padding:10px 2%; }
.prev-next .prev { /*background:url('../images/etc/dotted_gray02.png') repeat-y right 0;*/ }
.prev-next div .tt { margin-bottom:10px; font-size:14px; line-height:1.5em; }
.prev-next div .thumb { margin-bottom:15px; }
.prev-next div dl dd .title { overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; margin-bottom:7px; font-size:12px; font-weight:bold; }
.prev-next div dl dd .txt { width:100%; line-height:1.5em; font-size:12px; }
.prev-next div dl dd a:hover { text-decoration:underline; }
.prev-next div .tt .icon { display:inline-block; width:5px; height:9px; vertical-align:0; }
.prev-next .prev .tt .icon { margin-right:5px; background-position:-536px -158px; }
.prev-next .next .tt .icon { margin-left:5px; background-position:-542px -158px; }
.prev-next .boardListDdate span { font-size:11px; }

.boardListDdate { margin-top:7px; }
.boardListDdate span { display:inline-block; font-size:12px; }
.boardListDdate span.bg { margin-left:3%; padding-left:3%; background:url('../images/etc/line_light_gray.png') no-repeat 0 0; }

/* ***** 학술지 ***** */
.sub-journals-wrap { padding-top: 40px; border-top: 3px solid #444; }
.sub-journals-wrap .box1 { overflow:hidden; margin-bottom:30px; }
.sub-journals-wrap .box1 figure { float:left; width:100%; text-align:center; }
.sub-journals-wrap .box1 dl { float:left; width:100%; margin-top:20px; }
.sub-journals-wrap .box1 dl dt { text-align:center; margin-bottom:15px; font-size:23px;line-height:1.3em; }
.sub-journals-wrap .box1 dl dd { line-height:1.5em; font-size:14px; }
.sub-journals-wrap .box2 { margin-bottom:30px; border:1px solid #999; border-top:3px solid #444; }
.sub-journals-wrap .borderLine { border-top:1px solid #999;margin-bottom:30px; }
.sub-journals-wrap .box2 dl { overflow:hidden; }
.sub-journals-wrap .box2 dl dt { float:left; width:100%; padding:15px 0; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:#878787; }
.sub-journals-wrap .box2 dl.empty dt { width:0%;}
.sub-journals-wrap .box2 dl dd { float:left; width:100%; }
.sub-journals-wrap .box2 dl dd ul { overflow:hidden; padding:0 3%; }
.sub-journals-wrap .box2 dl dd ul li { position:relative; float:left; width:100%; padding:10px 0; border-top:1px solid #999; }
.sub-journals-wrap .box2 dl dd ul li:first-child { border-top:0; }
.sub-journals-wrap .box2 dl dd ul li > span { float:left; display:block; margin-top:10px; line-height:1.5em; }
.sub-journals-wrap .box2 dl dd ul li a { float:right; display:block; padding:10px; text-align:center; border-radius:5px; background:#878787; }
.sub-journals-wrap .box2 dl dd ul li a.green { background:#7abb2d; }
.sub-journals-wrap .box2 dl dd ul li a .icon { display:inline-block; width:15px; height:13px; background-position:-312px -159px; }
.sub-journals-wrap .box3 { overflow:hidden; margin-bottom:50px; padding-top:45px; border-top:3px solid #444; border-bottom:1px solid #ccc; }
.sub-journals-wrap .box3 .journalsImg { float:left; width:100%; margin-bottom:40px; text-align:center; }
.sub-journals-wrap .box3 .box3-1 { float:left; width:100%; }
.sub-journals-wrap .box3 .title { margin-bottom:40px; text-align:center; font-size:16px; font-weight:bold; }
.sub-journals-wrap .box3 .box3-2 { border-top:2px solid #b8b8b8; }
.sub-journals-wrap .box3 .box3-2 li { overflow:hidden; padding:20px 0; border-top:1px solid #e5e5e5; }
.sub-journals-wrap .box3 .box3-2 li:first-child { border-top:0; }
.sub-journals-wrap .box3 .box3-2 li span { float:left; width:72%; margin-top:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.sub-journals-wrap .box3 .box3-2 li:hover span { color:#4f9200; text-decoration:underline; }
.sub-journals-wrap .box3 .box3-2 li a { float:right; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; border:1px solid #ddd; background:#f8f9fb; }
.sub-journals-wrap .box3 .box3-2 li a .icon { display:inline-block; width:15px; height:13px; margin-left:5px; background-position:-514px -159px; }

@media all and (max-width: 550px){
	.sub-journals-wrap { padding-top: 30px; }
}

/* ***** 정기간행물 ***** */
.publi-list { border-top:3px solid #444; border-bottom:1px solid #999; }
.publi-list ul { overflow:hidden; padding:20px 0; display: flex;flex-wrap: wrap; }
.publi-list ul li { float:left; width:48%; max-width:194px; margin:20px auto; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
/* .publi-list ul li:last-child{margin-left:0;margin-right:auto;} */
.publi-list ul li a { display:block; }
.publi-list ul li figure { width:100%; height:100%; padding:5px; text-align:center; border:1px solid #999; background:#f8f9fb; }
.publi-list ul li figure:hover,
.publi-list ul li figure.active { border:1px solid #6ea231; background:#6ea231; }
.publi-list ul li figure canvas { left:5px !important; top:5px !important; }
.publi-list ul li p { margin-top:6%; line-height:1.5em; text-align:center; font-weight:bold;    letter-spacing: -0.077em; }
.publi-list ul li:not(:has(img)) {
	width: 100% !important; 
	max-width:100% !important;
	display: flex;
    align-items: center;
    justify-content: center;
}
.publi-list ul li:not(:has(img)) p{margin: 0;}


@media all and (max-width:1010px){
.publi-list ul li {
	 width:48% !important;
	 max-width:30%;
	}
	.publi-list ul li:last-child{margin-left:1%;margin-right:auto;}
}
@media all and (max-width:500px){
.publi-list ul li {
	 width:48% !important;
	 max-width:100%;
	}
	.publi-list ul li:last-child{margin-left:1%;margin-right:auto;}
}

.webZineView { position:relative;overflow:hidden; margin-bottom:50px; border-top:3px solid #444; }
.webZineView .box1 { position:relative; float:left; width:100%; padding:35px 0; text-align:center;}
.webZineView .box1 p { margin-bottom:20px; font-size:16px; font-weight:bold; padding:0 20px; line-height:1.5; }
.webZineView .box1 figure img { padding:9px; border:1px solid #999; background:#f8f9fb; max-width: 264px; }
.webZineView .box1 .downBtn .btn-white { background:#f8f9fb; }
.webZineView .box2 { float:left; width:100%; margin-bottom:50px; border-top:2px solid #999; }
.webZineView .box2 ul li { padding:15px 0; line-height:1.5em; font-size:14px; border-bottom:1px solid #999; }

.webZineView .box2 .box2-1 .title { padding:20px 0; text-align:center; font-size:16px; font-weight:bold; border-bottom:1px solid #cbcbcb; background:#f8f9fb; }
.webZineView .box2 .box2-1 .txt { padding:20px 0 20px 20px; border-bottom:1px solid #cbcbcb; }
.webZineView .box2 .box2-1 .con { padding:40px 20px; }

.pastYearView { margin-bottom:50px; border-top:3px solid #444; border-bottom:1px solid #ccc; }
.pastYearView p.title { padding:30px 0; line-height:1.5em; text-align:center; border-bottom:1px solid #ccc; background:#f8f9fb; }
.pastYearView .con { padding:5%; }
.pastYearView .con img { }
.pastYearView .con p { margin:30px 0; }
.pastYearView .con,
.pastYearView .con p { line-height:1.5em; font-size:14px; }

.prevNext-mp { clear:both; border-top:1px solid #999; }
.prevNext-mp > div { overflow:hidden; width:100%; border-bottom:1px solid #999; }
.prevNext-mp > div .arrow { float:left; width:67px; padding:20px 0; text-align:center; background:#f7f7f7; }
.prevNext-mp > div .link { float:left; overflow:hidden; text-align:left; width:75%; text-overflow:ellipsis; white-space:nowrap; padding:20px 0 20px 15px; }
.prevNext-mp > div .link strong { font-size:15px; }
.prevNext-mp > div .link a { font-size:14px; }
.prevNext-mp > div .link a:hover { text-decoration:underline; }
.prevNext-mp .prev .arrow .icon { display:inline-block; width:17px; height:9px; background-position:-554px -151px; }
.prevNext-mp .next .arrow .icon { display:inline-block; width:17px; height:9px; background-position:-554px -161px; }

.prevNext-w { position:absolute; left:0; bottom:0; width:388px; z-index: 9}

.pastYearPrevNext { overflow:hidden; margin-bottom:50px; border-top:1px solid #999; background:#f8f9fb; }
.pastYearPrevNext .prev { float:left; width:100%; }
.pastYearPrevNext .next { float:right; width:100%; }
.pastYearPrevNext div { padding:15px 3%; border-bottom:1px solid #e5e5e5; }
.pastYearPrevNext div p { margin-bottom:15px; font-size:16px; font-weight:bold; }
.pastYearPrevNext div a { display:block; font-size:14px; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; }
.pastYearPrevNext > div p .icon { display:inline-block; width:5px; height:9px; vertical-align:0; }
.pastYearPrevNext .prev p .icon { margin-right:7px; background-position:-536px -158px; }
.pastYearPrevNext .next p .icon { margin-left:7px; background-position:-542px -158px; }

.webzineIcon { display:inline-block; width:35px; height:14px; margin:0 3px; background-position:-749px -153px; }

/* ***** 각종 통계 및 현황 ***** */
.statistics-view-wrap { margin-bottom:50px; border-top:3px solid #444; }
.statistics-view-wrap .box1 { overflow:hidden; background:#f8f9fb; }
.statistics-view-wrap .box1 .box1-1 { float:left; width:100%; padding:5% 0; border-bottom:1px solid #999; }
.statistics-view-wrap .box1 .box1-1 p { line-height:1.5em; text-align:center; }
.statistics-view-wrap .box1 .box1-2 { float:left; width:100%; }
.statistics-view-wrap .box1 .box1-2 ul { overflow:hidden; }
.statistics-view-wrap .box1 .box1-2 ul li { float:left; width:50%; padding:15px 5px; font-size:12px; border-bottom:1px solid #999; border-left:1px solid #999; }
.statistics-view-wrap .box1 .box1-2 ul li:first-child { border-left:0; }
.statistics-view-wrap .box1 .box1-2 ul li span { display:inline-block; width:55px; height:32px; margin-right:7px; line-height:32px; text-align:center; font-size:12px; color:#fff; background:#878787; }
.statistics-view-wrap .box2 { overflow:hidden; margin-bottom:50px; border-bottom:2px solid #999; }
.statistics-view-wrap .box2 .box2-1 { float:left; width:100%; min-height:200px; padding:5% 3%; line-height:1.5em; font-size:14px; border-bottom:1px solid #999; }
.statistics-view-wrap .box2 .box2-1 p { line-height:1.5em; font-size:14px; }
.statistics-view-wrap .box2 .box2-2 { float:left; width:100%; background:#fcfdff; }
.statistics-view-wrap .box2 .box2-2 p { float:left; width:60px; padding:15px 0; text-align:center; font-size:12px; font-weight:bold; color:#5a5a5a; }
.statistics-view-wrap .box2 .box2-2 ul { float:left; padding:13px 0 13px 10px; border-left:1px solid #999; }
.statistics-view-wrap .box2 .box2-2 ul li { margin-bottom:5px; }
.statistics-view-wrap .box2 .box2-2 ul li a { font-size:12px; color:#5a5a5a; }
.statistics-view-wrap .box2 .box2-2 ul li a:hover { text-decoration:underline; }

/* ***** 관련법규 ***** */
.statistics-list-wrap .list { border-top:4px solid #444; }
.statistics-list-wrap .list div { padding:5% 2%; border-bottom:1px solid #e5e5e5; }
.statistics-list-wrap .list div a { display:block; margin-bottom:15px; font-size:14px; }
.statistics-list-wrap .list div a:hover { color:#478301; text-decoration:underline; }
.statistics-list-wrap .list div ul { overflow:hidden; }
.statistics-list-wrap .list div ul li { float:left; padding:0 10px; font-size:12px; background:url('../images/etc/line_light_gray.png') no-repeat 0 center; }
.statistics-list-wrap .list div ul li:first-child { padding-left:0; background:none; }
.statistics-list-wrap .list div ul li img { width:60%; }

/* ***** 홍보자료 ***** */
.publication-wrap { position:relative }
.promotion-wrap { position:relative; }
.promotion-wrap .box1 { position:relative; margin-bottom:50px;  padding-bottom:0; border:1px solid #999; border-top:3px solid #444; }
.promotion-wrap .box1 .viewbox {  }
#promotion_slider_all .bx-wrapper { position:relative; padding:0; margin:0 auto; }
.fluid-width-video-wrap { padding:4%; }
.fluid-width-video-wrapper { position:relative; width:100%; padding:0; }
.fluid-width-video-wrapper iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
#promotion_slider_all .bx-controls-direction a { z-index:20; position:absolute; bottom:32px; display:inline-block; width:13px; height:25px; text-indent:-9999px; background:url('../images/icon/icon.png') no-repeat 0 0; }
#promotion_slider_all .bx-controls-direction a.bx-prev { left:5px; background-position:-606px -149px; }
#promotion_slider_all .bx-controls-direction a.bx-next { right:5px; background-position:-620px -149px; }
#promotion_slider_all .bx-pager-item a { display:none; }

.promotion-wrap .box1 .title { overflow:hidden; padding:36px 0 35px; text-align:center; border-top:1px solid #999; background:#f8f9fb; }
.promotion-wrap .box1 .title p { float:left; width:100%; font-size:16px;  }

.promotion-wrap .box2 ul { overflow:hidden; margin-bottom:50px; }
.promotion-wrap .box2 ul li { float:left; width:49%; height:100%; max-width:280px; margin:0 0 5px 5px; }
.promotion-wrap .box2 ul li:first-child { margin-left:0; }
.promotion-wrap .box2 ul li.mg { margin-left:0; }
.promotion-wrap .box2 ul li a { display:block; padding:2%; border:1px solid #999; }
.promotion-wrap .box2 ul li a:hover { border:1px solid #81b544; background:#78b037 }
.promotion-wrap .box2 ul li a:hover p,
.promotion-wrap .box2 ul li a:hover p span { color:#fff; }
.promotion-wrap .box2 ul li a div { margin-bottom:10px; text-align:center; }
.promotion-wrap .box2 ul li a p { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; line-height:1.5em; font-size:12px; }
.promotion-wrap .box2 ul li a p span { display:block;font-size:12px;  }


/* 220919 - 시정권고 > 시정권고 현황 read */
.publication-wrap .side_layout + .statistics-view-wrap .box1 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
}
.publication-wrap .side_layout + .statistics-view-wrap .box1 .box1-1 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	width: 52%;
	padding: 30px 0;
}
.publication-wrap .side_layout + .statistics-view-wrap .box1 .box1-2 {
	width: 48%;
	flex: 0 0 auto;
}
@media all and (max-width: 1280px) {
	.publication-wrap .side_layout + .statistics-view-wrap .box1 .box1-1 {
		width: 45%;
	}
	.publication-wrap .side_layout + .statistics-view-wrap .box1 .box1-2 {
		width: 55%;
	}
}
@media all and (max-width: 1024px) {
	.publication-wrap .side_layout + .statistics-view-wrap .box1 {
		-ms-flex-wrap: wrap; flex-wrap: wrap;
	}
	.publication-wrap .side_layout + .statistics-view-wrap .box1 .box1-1 {
		width: 100%;
		padding: 5% 0;
	}
	.publication-wrap .side_layout + .statistics-view-wrap .box1 .box1-2 {
		width: 100%;
	}
	.publication-wrap .side_layout + .statistics-view-wrap .box1 .box1-2 ul li {
		width: 50%;
	}
	.publication-wrap .side_layout + .statistics-view-wrap .box1 .box1-2 ul li.bor-l {
		border-left: 0 !important;
	}
}
/* ***** 공지사항 ***** */
.photo-board .snsbox { position:absolute; right:0; top:-49px; }
.snsboxPS { position:absolute; right:0; top:-49px; }

/* ***** 자주 찾는 질문 ***** */
.faq-container { border-top:3px solid #444; }
.faq-container .faq_title { background:url('../images/etc/bg_faqtitle.png') repeat-x 0 bottom; }
.faq-container .faq_title a { display:block; overflow:hidden; cursor:pointer; padding:20px 15px 20px 50px; line-height:1.5em; border-bottom:1px solid #999; background:url('../images/icon/faq_q_off.png') no-repeat 5px center; }
.faq-container .faq_title:hover { text-decoration:underline; }
.faq-container .faq_title a.active { background:url('../images/icon/faq_q_on.png') no-repeat 5px center; }
.faq-container .faq { display:none; padding:20px 15px 20px 50px;  border-bottom:1px solid #999; font-size:12px; line-height:1.5em; background:#f8f9fb url('../images/icon/faq_a.png') no-repeat 5px 13px; }
.faq-container .faq p { font-size:14px; line-height:1.5em;  }


/* ***** 1:1문의 ***** */
.contact-us-wrap .box1 { margin-bottom:30px; padding:24px 3%; border-top:3px solid #444; border-bottom:3px solid #444; background:#f8f9fb; }
.contact-us-wrap .box1 p { margin-bottom:15px; text-align:center; font-size:17px; font-weight:bold; color:#00549b; }
.contact-us-wrap .box1 ul li { padding-left:17px; text-indent:-17px; line-height:1.5em; font-size:12px; }
.contact-us-wrap .box1 ul li span { font-size:12px; }
.contact-us-wrap .box2 .con1 { overflow:hidden; }

.faqGo { position:absolute; right:0; top:0; }
.faqGo a { width:170px; padding-left:5px; text-align:left; }
.faqGo a .arrow { display:inline-block; width:8px; height:15px; margin-left:5px; vertical-align:middle; background:url('../images/etc/arrow_white.png') no-repeat 0 0; }


/* ***** 뉴스레터 서비스 ***** */
.newsletters-wrap .box1 { overflow:hidden; margin-bottom:40px; padding-bottom:25px; }
.newsletters-wrap .box1 figure { width:100%; text-align:center; }
.newsletters-wrap .box1 dl { width:100%; padding:0 2%; text-align:center; }
.newsletters-wrap .box1 dl dt { margin-bottom:19px; font-size:18px; }
.newsletters-wrap .box1 dl dt .pacMark { width:39px; vertical-align:-2px; }

.newsletters-wrap .box2 { margin-bottom:65px; }
.newsletters-wrap .box2 .tabbox { overflow:hidden; }
.newsletters-wrap .box2 .tab { float:right; width:100%; margin-bottom:40px; }
.newsletters-wrap .box2 .tab li { float:left; width:50%; }
.newsletters-wrap .box2 .tab li a { display:block; padding:19px 0; text-align:center; font-size:18px; font-weight:bold; color:#272727; border:1px solid #ddd; }
.newsletters-wrap .box2 .tab li a.active { color:#fff; border:1px solid #44569d; background:#44569d; }
.newsletters-wrap .box2 .box2-01 { margin-bottom:30px; padding-bottom:35px; border-bottom:1px solid #e6e6e6; }
.newsletters-wrap .box2 .box2-02 { margin-bottom:30px; }
.newsletters-wrap .box2 p { margin-bottom:25px; line-height:1.5em; }
.newsletters-wrap .box2 .emailBoxWrap { margin-bottom:25px; padding:23px 2% 20px; background:url('../images/etc/bg_pattern01.png') repeat 0 0; }
.newsletters-wrap .box2 .emailBoxWrap .cont { width:100%; max-width:550px; margin:0 auto; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox { overflow:hidden; margin-top:10px; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox:first-child { margin-top:0; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox span { display:inline-block; width:60px; padding-top:8px; vertical-align:middle; font-weight:bold; color:#3c3644; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox input { height:35px; line-height:35px; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox .inp1 { width:30%; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox .inp2 { width:39%; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox .inp3 { width:39%; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox .selectbox { display:inline-block; width:60%; margin:13px 0 0 64px; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox .selectbox select { height:35px; line-height:35px; }

.newsletters-wrap .box2 .emailBoxWrap .inputBox3 { overflow:hidden; margin-top:10px; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox3:first-child { margin-top:0; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox3 span { display:inline-block; width:60px; padding-top:8px; vertical-align:middle; font-weight:bold; color:#3c3644; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox3 input { height:35px; line-height:35px; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox3 .inp1 { width:30%; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox3 .inp2 { width:39%; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox3 .selectbox { display:inline-block; width:60%; margin:13px 0 0 64px; }
/*.newsletters-wrap .box2 .emailBoxWrap .inputBox3 .selectbox select { height:35px; line-height:35px; }*/
.newsletters-wrap .box2 .emailBoxWrap .inputBox3 .selectbox,
.newsletters-wrap .box2 .emailBoxWrap .inputBox3 input { width:20%; max-width:108px; margin:0 0px; }


.newsletters-wrap .box2 .agreeBox { text-align:center; }
.newsletters-wrap .box2 .agreeBox p { margin-bottom:30px; line-height:1.5em; font-size:14px; }

.newsletters-wrap .box2 .emailBoxWrap .inputBox2 { text-align:center; }
.newsletters-wrap .box2 .emailBoxWrap .inputBox2 .selectbox,
.newsletters-wrap .box2 .emailBoxWrap .inputBox2 input { width:26%; max-width:108px; margin:0 5px; }


/* ***** 인사말 ***** */
.intro-con .box1 { *zoom:1; margin-bottom:50px; padding-top:26px; border-top:3px solid #444; }
.intro-con .box1:after { content:""; display:block; clear:both; }
.intro-con .box1 .box1-1 { width:52%; margin-right:20px; padding:45px 0 66px; border-bottom:2px solid #999; }
.intro-con .box1 .box1-2 { position:relative; width:41%; max-width:225px; text-align:right; }
/*.intro-con .box1 .box1-2 p { position:absolute; left:-210px; bottom:0; font-size:12px; font-weight:bold; text-align:right; }
.intro-con .box1 .box1-2 p img { width:20%; max-width:86px; vertical-align:bottom; }*/
.intro-con .box1 .box1-3 { margin-top:50px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.intro-con .box1 .box1-3 p.tt1 { line-height:1.5em; margin-bottom:20px; word-spacing:-2px; font-size:16px; }
.intro-con .box1 .box1-3 p.tt2 { line-height:2em; font-size:14px; }
.intro-con .box1 .box1-3 p.tr { font-weight:bold; }
.intro-con .box1 .box1-3 p.tr img { width:20%; max-width:130px; vertical-align:bottom; }
.intro-con .box2 > div { margin-bottom:30px; }
.intro-con .box2 .con1 { overflow:hidden; padding:24px 19px; border:3px solid #444; border-left:0; border-right:0; }
.intro-con .box2 .con1 .fL { width:100%; margin-bottom:40px; text-align:center; }
.intro-con .box2 .con1 .fR { width:100%; line-height:1.5em; font-size:14px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.intro-con .box2 .con2 ul { overflow:hidden; }
.intro-con .box2 .con2 ul li { width:42%; margin-left:15px; padding-bottom:1px; text-align:center; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.intro-con .box2 .con2 ul li:first-child { margin-left:0; }
.intro-con .box2 .con2 ul li p { margin-bottom:19px; padding-top:12px; text-align:left; word-spacing:-2px; font-weight:bold; background:url('../images/etc/line_top_black.png') no-repeat 0 0; }
.intro-con .box2 .con2-1 ul li { width:33%; margin:0; }
.intro-con .box2 .con2-2 ul li { width:50%; margin:0; }
.intro-con .box2 .con2-3 ul li { width:50%; margin:0 0 30px 0; text-align:left; }

/* ***** 위원장 및 임원 ***** */
.ab-chairperson .box1 { overflow:hidden; margin-bottom:50px; }
.ab-chairperson .box1 .box1-1 { width:100%; margin-bottom:50px; text-align:center; }
.ab-chairperson .box1 .box1-1 p { text-align:center; }
.ab-chairperson .box1 .box1-1 p strong { font-size:20px; letter-spacing:3px; }
.ab-chairperson .box1 .box1-2 {
	width:100%; padding:24px 10px; border:3px solid #444; border-left:0; border-right:0; background:#f8f9fb;
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.ab-chairperson .box1 .box1-2 dl { margin-top:20px; padding:16px 11px 0 13px; border:1px solid #999; background:#fff; }
.ab-chairperson .box1 .box1-2 dl:first-child { margin-top:0; }
.ab-chairperson .box1 .box1-2 dl dt { margin-bottom:13px; padding:4px 0 4px 34px; font-weight:bold; background:url('../images/etc/dot_gray2.png') no-repeat 1px center; }
.ab-chairperson .box1 .box1-2 dl dd { padding:20px 3%; background:url('../images/etc/dotted_gray01.png') repeat-x 0 0; }
.ab-chairperson .box1 .box1-2 dl dd ul { overflow:hidden; }
.ab-chairperson .box1 .box1-2 dl dd ul li.fL { width:100%; }
.ab-chairperson .box1 .box1-2 dl dd ul li { overflow:hidden; margin-top:7px; padding-left:10px; line-height:1.5em; font-size:14px; background:url('../images/etc/dot_black.png') no-repeat 0 10px; }
.ab-chairperson .box1 .box1-2 dl dd ul li > em { font-size:14px; font-weight:bold; }
.ab-chairperson .box1 .box1-2 dl dd ul li:first-child { margin-top:0; }
.ab-chairperson .box1 .box1-2 dl dd ul li strong,
.ab-chairperson .box1 .box1-2 dl dd ul li span { line-height:1.5em; font-size:14px; }
.ab-chairperson .box1 .box1-2 dl dd ul li strong { float:left; width:88px; }
.ab-chairperson .box1 .box1-2 dl dd ul li strong em { display:block; font-size:14px; font-weight:bold; }
.ab-chairperson .box1 .box1-2 dl dd ul li span { float:left; width:60%; }

.ab-chairperson .box2 { overflow:hidden; margin-bottom:30px; }
.ab-chairperson .box2 .item { width:100%; margin-bottom:25px; padding:20px; border:1px solid #999; }
.ab-chairperson .box2 .item figure { width:50%; max-width:130px; margin:0 auto 15px; text-align:center; }
.ab-chairperson .box2 .item .item-box { position:relative; width:100%; height:120px; text-align:center;  }
.ab-chairperson .box2 .item .item-box .barT { width:85%; max-width:260px; margin:0 auto 20px; padding:10px 0;  font-size:14px; font-weight:bold; color:#fff; background:#7d3bb0; border-radius:40px; }
.ab-chairperson .box2 .item .item-box .name { padding-top:15px; }
.ab-chairperson .box2 .item .item-box .name strong { display:block; margin-bottom:12px; font-size:18px; }
.ab-chairperson .box2 .item .item-box .barB { position:absolute; left:0; bottom:0; width:100%; padding:15px 0; font-size:14px; font-weight:bold; background:#f8f9fb; }

.selectbox-chair { overflow:hidden; margin-bottom:25px; }
.selectbox-chair .selectbox {  max-width:350px; }

/* ***** 언론중재위원명단 ***** */
.namelist .box1 { margin-bottom:30px; padding:3%; line-height:1.5em; background:#f8f9fb; }
.namelist .box2 { overflow:hidden; padding:20px 0; border:3px solid #444; border-left:0; border-right:0; }
.namelist .box2 dl { float:left; width:43%; margin:0 10px 10px 10px; border:1px solid #999;
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.namelist .box2 dl dt { padding:10px 10px; text-align:center; }
.namelist .box2 dl dt p { /*padding-top:10px;*/padding:5px 0; color:#5e32a0; letter-spacing:-1px; font-size:12px; font-weight:bold; }
.namelist .box2 dl dt p span { font-size:12px;  font-weight:normal; color:#272727;}
.namelist .box2 dl dd { height:65px; padding-top:10px;; line-height:1.5em; text-align:center; font-size:12px; background:#f8f9fb; }
.namelist .box2 dl dd.twoline { padding-top:6px; }

/* ***** 사무처 ***** */
.ad-tellist .item { overflow:hidden; margin-bottom:30px; padding:30px 0; border:3px solid #444; border-left:0; border-right:0; }
.ad-tellist .item .fL { width:100%; text-align:center; }
.ad-tellist .item .fR { width:100%; }
.ad-tellist .item .fR .name { padding:30px 0; text-align:center; border-bottom:1px solid #999; }
.ad-tellist .item .fR .name p { font-size:20px; font-weight:bold; }
.ad-tellist .item .fR .name p > span { display:inline-block; padding:10px 0 0 3px; font-size:14px; font-weight:normal; }
.ad-tellist .item .fR .name span { display:block; padding-top:10px; }
.ab-chairperson .box1 .tellist-box1 { overflow:hidden; padding-bottom:0; border:0; background:transparent; }

.item-con .contacts { margin-bottom:30px; padding:38px 0; background:#f8f9fb; }
.item-con .contacts ul { overflow:hidden; width:203px; margin:0 auto; }
.item-con .contacts ul li { margin-top:16px; }
.item-con .contacts ul li:first-child { margin-top:0; }
.item-con .contacts ul li .icon { display:inline-block; width:21px; height:21px; margin-right:8px; }
.item-con .contacts ul li .icon.name { background-position:-791px -150px; }
.item-con .contacts ul li .icon.tel { background-position:-812px -150px; }
.item-con .contacts ul li .icon.fax { background-position:-833px -150px; }

/* 미션과 비전 */
.mav-box .item { padding: 82px 0 60px; border-top:3px solid #444; word-break: keep-all; }
.mav-box .item > ul { font-size: 24px; }
.mav-box .item > ul > li { display: flex; align-items: center; }
.mav-box .item > ul > li.mob { display: none; }
.mav-box .item > ul > li h4 { font-size: 24px; width: 184px; flex: 0 0 auto; margin-right: 16px; position: relative; overflow: hidden; } 
.mav-box .item > ul > li h4 span { display: inline-block; padding-right: 17px; padding-left: 0px; position: relative; z-index: 10; } 
.mav-box .item > ul > li h4 span::after { content: ''; display: block; position: absolute; border-top: 1px dashed #999; left: 100%; top: 50%; width: 300%; } 
.mav-box .item > ul > li:nth-child(2) { margin-top: 82px; }
.mav-box .item > ul > li:nth-child(3) { margin-top: 60px; }
.mav-box .item > ul > li:nth-child(4) { margin-top: 30px; }
.mav-box .item > ul > li:nth-child(6) { margin-top: 82px; }
.mav-box .item > ul > li:nth-child(7) { margin-top: 30px; }
.mav-box .item > ul > li .right { font-size: 24px; flex:1; }
.mav-box .item > ul > li .round-box { font-size: 26px; display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 110px; padding: 0 50px; color: #272727; border-radius: 55px; line-height: 1.54; font-weight: bold; position: relative; }
.mav-box .item > ul > li .round-box.color { color: #fff; background-image: linear-gradient(to top, #9256c1, #7b2eb6); }
.mav-box .item > ul > li .round-box.border.st1 { border: 2px solid #9256c1; }
.mav-box .item > ul > li .round-box.border.st2 { border: 2px solid #0260ac; }
.mav-box .item > ul > li .round-box.border.st2 { border: 2px solid #0260ac; }
.mav-box .item > ul > li .round-box.color::after { content: ''; display: block; position: absolute; top: calc(100% + 16px); left: 50%; transform: translateX(-50%); width: 30px; height: 50px; background: no-repeat center / contain url('../images/content/arrow_bottom.png'); }
.mav-box .item > ul > li .round-box.border.st2::before { content: ''; display: block; position: absolute; bottom: calc(100% + 16px); left: 50%; transform: translateX(-50%) scaleY(-1) ; width: 30px; height: 50px; background: no-repeat center / contain url('../images/content/arrow_bottom.png'); }
.mav-box .item > ul > li .main { display: flex; align-items: stretch; gap: 10px; }
.mav-box .item > ul > li .main li { flex: 1; text-align: center; padding: 40px; display: flex; flex-direction: column; }
.mav-box .item > ul > li .main li p { font-size: 28px; color: #fff; font-weight: bold; margin-bottom: 19px; word-break: keep-all; }
.mav-box .item > ul > li .main li .icon { width: 60px; height: 60px; border-radius: 50%; margin: 0 auto; margin-top: auto; }
.mav-box .item > ul > li .main li:nth-child(1) { background-color: #f46f3a; }
.mav-box .item > ul > li .main li:nth-child(2) { background-color: #f9a749; }
.mav-box .item > ul > li .main li:nth-child(3) { background-color: #23a9aa; }
.mav-box .item > ul > li .main li:nth-child(4) { background-color: #0260ac; }
.mav-box .item > ul > li .main li:nth-child(1) .icon { background: #cd501f no-repeat center / 38px 30px url('../images/content/main_icon01.png'); }
.mav-box .item > ul > li .main li:nth-child(2) .icon { background: #dc8a2b no-repeat center / 35px 34px url('../images/content/main_icon02.png'); }
.mav-box .item > ul > li .main li:nth-child(3) .icon { background: #198b8c no-repeat center / 32px 31px url('../images/content/main_icon03.png'); }
.mav-box .item > ul > li .main li:nth-child(4) .icon { background: #044982 no-repeat center / 36px 34px url('../images/content/main_icon04.png'); }
.mav-box .item > ul > li .strategy { display: flex; align-items: stretch; gap: 10px; }
.mav-box .item > ul > li .strategy li { font-size: 18px; font-weight: bold; flex: 1; text-align: center;  padding: 28px 24px; line-height: 1.56; display: flex; align-items: center; justify-content: center; }
.mav-box .item > ul > li .strategy li:nth-child(1) { background-color: #ffeae1; }
.mav-box .item > ul > li .strategy li:nth-child(2) { background-color: #ffe6c9; }
.mav-box .item > ul > li .strategy li:nth-child(3) { background-color: #c1e5e5; }
.mav-box .item > ul > li .strategy li:nth-child(4) { background-color: #b2d7f5; }
.mav-box .item > ul > li .implement { display: flex; align-items: stretch; gap: 10px; }
.mav-box .item > ul > li .implement li { flex: 1; padding: 48px 0; background-color: rgba(255, 255, 190, 0.25); border: 1px solid rgba(130, 191, 60, 0.25); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; }
.mav-box .item > ul > li .implement li h5 { font-size: 22px; font-weight: 800; margin-bottom: 20px; display: flex; align-items: baseline; }
.mav-box .item > ul > li .implement li h5::before,
.mav-box .item > ul > li .implement li h5::after { display: block; font-size: 25px; }
.mav-box .item > ul > li .implement li h5::before { content: '['; }
.mav-box .item > ul > li .implement li h5::after { content: ']'; }
.mav-box .item > ul > li .implement li h5 span { font-size: 1.818em; font-weight: bold; color: #6e28a5; }
.mav-box .item > ul > li .implement li p { font-size: 18px; color: #666; line-height: 1.56; font-weight: bold; }

@media screen and (max-width: 1023px) {
	.mav-box .item > ul > li { flex-direction: column; align-items: flex-start; gap: 16px; }
	.mav-box .item > ul > li.pc { display: none; }
	.mav-box .item > ul > li.mob { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 60px; }
	.mav-box .item > ul > li h4 { width: 100%; }
	.mav-box .item > ul > li h4 span::after { display: none; }
	.mav-box .item > ul > li .right { width: 100%; }
	.mav-box .item > ul > li .mas { display: flex; align-items: stretch; gap: 60px 10px; }
	.mav-box .item > ul > li .mas li  { flex: 1; text-align: center; display: flex; flex-direction: column; }
	.mav-box .item > ul > li .mas li > div:nth-child(1) { display: flex; flex-direction: column; align-items: center; color: #fff; font-weight: bold; padding: 40px 25px; }
	.mav-box .item > ul > li .mas li > div:nth-child(1) p { font-size: 24px; margin-bottom: 20px; }
	.mav-box .item > ul > li .mas li > div:nth-child(1) .icon { width: 60px; height: 60px; border-radius: 50%; }
	.mav-box .item > ul > li .mas li > div:nth-child(2) { display: flex; margin-top: 30px; font-size: 22px; font-weight: bold; text-align: center; height: 112px; align-items: center; justify-content: center; line-height: 1.36; }
	.mav-box .item > ul > li .mas li > div:nth-child(2) br { display: none; }
	.mav-box .item > ul > li .mas li:nth-child(1) > div:nth-child(1) { background-color: #f46f3a; }
	.mav-box .item > ul > li .mas li:nth-child(2) > div:nth-child(1) { background-color: #f9a749; }
	.mav-box .item > ul > li .mas li:nth-child(3) > div:nth-child(1) { background-color: #23a9aa; }
	.mav-box .item > ul > li .mas li:nth-child(4) > div:nth-child(1) { background-color: #0260ac; }
	.mav-box .item > ul > li .mas li:nth-child(1) > div:nth-child(1) .icon { background: #cd501f no-repeat center / 38px 30px url('../images/content/main_icon01.png'); }
	.mav-box .item > ul > li .mas li:nth-child(2) > div:nth-child(1) .icon { background: #dc8a2b no-repeat center / 35px 34px url('../images/content/main_icon02.png'); }
	.mav-box .item > ul > li .mas li:nth-child(3) > div:nth-child(1) .icon { background: #198b8c no-repeat center / 32px 31px url('../images/content/main_icon03.png'); }
	.mav-box .item > ul > li .mas li:nth-child(4) > div:nth-child(1) .icon { background: #044982 no-repeat center / 36px 34px url('../images/content/main_icon04.png'); }
	.mav-box .item > ul > li .mas li:nth-child(1) > div:nth-child(2) { background-color: #ffeae1; }
	.mav-box .item > ul > li .mas li:nth-child(2) > div:nth-child(2) { background-color: #ffe6c9; }
	.mav-box .item > ul > li .mas li:nth-child(3) > div:nth-child(2) { background-color: #c1e5e5; }
	.mav-box .item > ul > li .mas li:nth-child(4) > div:nth-child(2) { background-color: #b2d7f5; }
	.mav-box .item > ul > li .round-box.border.st2::before { bottom: calc(100% + 60px); }
}
@media screen and (max-width: 787px) {
	.mav-box .item > ul > li:nth-child(2) { margin-top: 132px; }
	.mav-box .item > ul > li:nth-child(6) { margin-top: 132px; }
	.mav-box .item > ul > li:nth-child(7) { margin-top: 60px; }
	.mav-box .item > ul > li h4 { font-size: 16px; }
	.mav-box .item > ul > li .round-box { font-size: 22px; }
	.mav-box .item > ul > li .mas { flex-wrap: wrap; }
	.mav-box .item > ul > li .mas li  { flex: auto; width: calc(1/2*100% - (1 - 1/2) * 10px); }
	.mav-box .item > ul > li .mas li > div:nth-child(2) { font-size: 18px; }
	.mav-box .item > ul > li .mas li > div:nth-child(2) br { display: block; }
	.mav-box .item > ul > li .implement { flex-wrap: wrap; }
	.mav-box .item > ul > li .implement li { flex: auto; width: 100%; }
}
@media screen and (max-width: 500px) {
	.mav-box .item > ul > li .round-box { font-size: 18px; }
	.mav-box .item > ul > li .round-box.border.st2::before { bottom: calc(100% + 36px); }
	.mav-box .item > ul > li .mas li { justify-content: stretch; }
	.mav-box .item > ul > li .mas li > div:nth-child(1) { flex: 1 0 auto; }
	.mav-box .item > ul > li .round-box.border.st2::before { bottom: calc(100% + 69px); }
}

/* ***** 위원회 연혁 ***** */
.ad-history .box1 { margin-bottom:50px; background:url('../images/etc/line_gray3.png') repeat-x 0 58px; }
.ad-history .box1 .history-title { width:307px; margin:0 auto 39px; }
.ad-history .box1 .box1-1 { border:1px solid #e4e4e4; }
.ad-history .box1 .box1-1 p { padding:15px 0 15px 19px; border-bottom:1px solid #d9d9d9; background:#f8f9fb; }
.ad-history .box1 .box1-1 p img { width:114px; }

/* ***** 경영공시 ***** */
.ab-public .box1 { overflow:hidden; margin:0 0 25px 0; }
.ab-public .box1 .selectbox { float:right; width:50%; max-width:280px; }
.ab-public .box2 .box2-1 { margin-bottom:30px; padding:3%; background:#f8f9fb; }
.ab-public .box2 .box2-1 p { line-height:1.5em; font-size:14px; }
.ab-public .box2 .box2-1 dl { overflow:hidden; }
.ab-public .box2 .box2-1 dl dt { float:left; width:100%; margin-bottom:8px; line-height:1.5em; font-weight:bold; }
.ab-public .box2 .box2-1 dl dd { float:left; width:100%; line-height:1.5em; font-size:14px; }
.ab-public .box2 .box2-1 dl dd ul li { padding-left:11px; line-height:1.8em; font-size:14px; background:url('../images/etc/dot_black.png') no-repeat 0 9px; }
.ab-public .box2 .box2-1 dl dd ul li ul li { padding-left:9px; text-indent:-9px; background:none; }
.ab-public .box2 .box2-2 { overflow:hidden; margin-bottom:50px; }
.ab-public .box2 .box2-2 > div { padding-top:16px; background:url('../images/etc/line_top_black.png') no-repeat 0 0;
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.ab-public .box2 .box2-2 .fL { width:100%; margin-bottom:50px; }
.ab-public .box2 .box2-2 .fR { width:100%; }
.ab-public .box2 .box2-2 p { margin-bottom:25px; font-size:16px; font-weight:bold; }
.ab-public .box2 .box2-2 ul li { margin-bottom:7px; line-height:1.5em; font-size:14px; }
.ab-public .box2 .box2-2 a { width:250px; }

.download-btns { overflow:hidden; margin-bottom:50px; }
.download-btns .fL { width:100%; margin-bottom:20px; }
.download-btns .fL a { overflow:hidden; width:49%; padding:15px 0 0 15px; font-size:12px; text-align:left; }
.download-btns .fL a span { float:left; }
.download-btns .fL a .icon { float:right; margin:0 5px 0 0; }
.download-btns .fR { width:100%; text-align:center; }
.download-btns .fR a { width:252px; height:40px; line-height:40px; font-size:12px; }

.big-view { padding:28px 0; text-align:center; border:1px solid #999; border-top:3px solid #405875; background:#fafafa; }
.big-view .iframe-box  { position:relative; z-index:2; width:794px; height:200px;  margin:0 auto; }
.big-view .iframe-box iframe {  width:794px; height:900px; }
.iframe-bug { position:relative; left:0; top:0; width:100%; z-index:2; }
/*.cover { position: absolute; border: none; top: 0; left: 0; height: 100%; width: 100%;  z-index: -1; }*/

.public4-box1 { padding:4%; border:1px solid #999; border-top:3px solid #444; }
.public4-box1 dl dt { margin-bottom:20px; font-size:16px; font-weight:bold; }
.public4-box1 dl dd { padding-left:13px; line-height:1.5em; font-size:14px; background:url('../images/etc/dot_black.png') no-repeat 0 9px; }

.ab-public .box3 .bar-pur { width:75%; max-width:285px; }

/* ***** 고객서비스 헌장 ***** */
.ab-service .box1 { overflow:hidden; margin-bottom:30px; padding:5%; border:3px solid #444; border-left:0; border-right:0; }
.ab-service .box1 .fL { width:100%; max-width:362px; margin-bottom:50px; text-align:center; }
.ab-service .box1 .fR { width:100%; line-height:1.5em; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }

.ab-service .box2 .box2-1 { margin-bottom:30px; padding:5%; border:1px solid #999; }
.ab-service .box2 .box2-1 ul li { overflow:hidden; margin-top:20px; padding:10px 0 10px 50px; line-height:1.5em; font-size:14px; }
.ab-service .box2 .box2-1 ul li:first-child { margin-top:0; }
.ab-service .box2 .box2-1 ul li.num1 { background:url('../images/etc/num1.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num2 { background:url('../images/etc/num2.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num3 { background:url('../images/etc/num3.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num4 { background:url('../images/etc/num4.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num5 { background:url('../images/etc/num5.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num6 { background:url('../images/etc/num6.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num7 { background:url('../images/etc/num7.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num8 { background:url('../images/etc/num8.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num9 { background:url('../images/etc/num9.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num10 { background:url('../images/etc/num10.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num11 { background:url('../images/etc/num11.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num12 { background:url('../images/etc/num12.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num13 { background:url('../images/etc/num13.png') no-repeat 0 10px; }
.ab-service .box2 .box2-1 ul li.num14 { background:url('../images/etc/num14.png') no-repeat 0 10px; }

/* ***** 오시는 길 ***** */
.ad-location .map-wrap { margin-bottom:30px; /*border:1px solid #999;*/ }
.location-box { overflow:hidden; margin-bottom:50px; }
.location-box dl {
	position:relative; width:100%; margin-top:20px; background:url('../images/etc/line_top_black.png') no-repeat 0 0;
	-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;
}
.location-box dl.traffic-box {display:none;} /*2019-02-15 교통편 삭제*/
.location-box dl:first-child { margin-top:0; }
.location-box dl dt { position:absolute; left:0; top:32px; width:95px; font-size:16px; font-weight:bold; }
.location-box dl dd { padding-top:70px;  }
.location-box dl dd span { display:block; }
.location-box dl dd span,
.location-box dl dd strong { line-height:1.5em; font-size:14px; }
.location-box dl dd .pd { padding:7px 0 0 17px; }

.location-box dl.tel-box dd span { margin-bottom:15px; }

.location-box dl.traffic-box dd div { overflow:hidden; width:100%; margin-bottom:15px; }
.location-box dl dd .subway { float:left; margin-left:5px; line-height:1.5em; font-size:14px; }
.location-box dl dd .subway:first-child { margin-left:0; }
.location-box dl dd .subway.wh { width:53%; }
.location-box dl dd .subway.wh1 { width:77%; }

.location-box dl dd .icon { display:inline-block; margin-right:6px; }
.location-box dl dd .icon.mg { margin-right:5px; }
.location-box dl dd .post { width:12px; height:15px; background-position:-732px -153px; }
.location-box dl dd .tel { width:16px; height:13px; background-position:-894px -154px; }
.location-box dl dd .fax { width:12px; height:13px; background-position:-717px -155px; }
.location-box dl dd .sub1 { width:13px; height:18px; background-position:-856px 0; }
.location-box dl dd .sub2 { width:13px; height:18px; background-position:-869px 0; }
.location-box dl dd .sub5 { width:13px; height:18px; background-position:-882px 0; }
.location-box dl dd .line1 { width:21px; height:20px; background-position:-907px 0; }
.location-box dl dd .line2 { width:21px; height:20px; background-position:-928px 0; }
.location-box dl dd .line5 { width:21px; height:20px; background-position:-949px 0; }
.location-box dl dd .bus1 { width:20px; height:16px; background-position:-856px -27px; }

/* ***** 통합검색 ***** */
.Integration-wrap .title { overflow:hidden; padding-bottom:25px; }
.Integration-wrap .title h4 { float:left; margin-bottom:0; }
.Integration-wrap .title p { float:right; }
.Integration-con-all  {position: relative;}
.Integration-con-all h5 { padding:25px 3% 19px 0; color:#444;  font-size:18px;line-height:1.5;}
.Integration-con-all h5 strong { color:#384f98;    font-size: 18px; }
.Integration-con-all h5 em { font-weight:bold; color:#f35b00;     font-size: 18px;}
.Integration-con { margin-bottom:50px; padding:0;border-top:1px solid #333;   }
.Integration-con dl {padding:20px; border-bottom:1px solid #ccc; }
.Integration-con dl dt { margin-bottom:10px; line-height:1.5em; font-weight:bold; color:#000; }
.Integration-con dl dt:before {content:'·'; margin-right:5px;}
.Integration-con dl dt a:hover { text-decoration:underline; }
.Integration-con dl dt strong { background:#cceaff; }
.Integration-con dl dd { line-height:1.5em; font-size:14px; color:353535;     padding-left: 10px;}
.Integration-con dl dd em { font-size:14px; color:#0161ff; }
.Integration-con .btn a { display:inline-block; width:125px; height:30px; line-height:30px; text-align:center; font-weight:bold; color:#fff; background:#6e6e6e; }
.Integration-con-all  .btn a i {width:17px;height:17px;display:inline-block; vertical-align:middle; background: url(../images/icon/srch_more.gif); margin-bottom:3px;}
.Integration-con-all  .btn {margin-top:-35px; margin-bottom:15px;}

.Integration-wrap .mobile-searches { margin-bottom:50px; padding:27px 15px 15px; background:#f9f9f9; }
.Integration-wrap .mobile-searches p { margin-bottom:20px; font-size:16px; font-weight:bold; }
.Integration-wrap .mobile-searches ul { overflow:hidden; }
.Integration-wrap .mobile-searches ul li { float:left; width:50%; margin-bottom:12px; }
.Integration-wrap .mobile-searches ul li .num { display:inline-block; width:25px; height:23px; line-height:21px; text-align:center; font-size:12px; font-weight:bold; border:1px solid #e5e5e5; background:#f5f5f5; }
.Integration-wrap .mobile-searches ul li span { font-size:13px; }
.Integration-wrap .mobile-searches ul li span.new { font-size:10px; color:#f25b00; }

.search-none { margin-bottom:50px; padding:60px 0; text-align:center; border-bottom:1px solid #ccc; }
.search-none p { padding-top:45px; line-height:1.5em; font-size:14px; }

/* ***** 사이트맵 ***** */
.sitemap-wrap { border-top:2px solid #8a8f99; }
.sitemap-wrap .sitemap { overflow:hidden; padding:30px 0; border-bottom:1px solid #ccc; }
.sitemap-wrap .sitemap h4 { width:100%; margin-bottom:30px; padding-top:119px; text-align:center; }
.sitemap-wrap .sitemap h4.bg1 { background:url('../images/icon/icon1.png') no-repeat center 0; }
.sitemap-wrap .sitemap h4.bg2 { background:url('../images/icon/icon7.png') no-repeat center 0; }
.sitemap-wrap .sitemap h4.bg3 { background:url('../images/icon/icon3.png') no-repeat center 0; }
.sitemap-wrap .sitemap h4.bg4 { background:url('../images/icon/icon8.png') no-repeat center 0; }
.sitemap-wrap .sitemap h4.bg5 { background:url('../images/icon/icon9.png') no-repeat center 0; }
.sitemap-wrap .sitemap h4.bg6 { background:url('../images/icon/icon10.png') no-repeat center 0; }
.sitemap-wrap .sitemap h4.bg7 { background:url('../images/icon/icon11.png') no-repeat center 0; }
.sitemap-wrap .sitemap h4 span { display:block; font-size:17px; font-weight:bold; }
.sitemap-wrap .sitemap > ul { overflow:hidden; width:100%; padding-left:10px; display: flex; flex-wrap: wrap; }
.sitemap-wrap .sitemap > ul > li { float:left; width:100%; margin-bottom:18px; }
.sitemap-wrap .sitemap > ul > li > a { display:block; line-height:1.5em; font-size:16px; font-weight:bold; }
.sitemap-wrap .sitemap > ul > li > span { display:block; margin-bottom:10px; line-height:1.5em; font-size:16px; font-weight:bold; }
.sitemap-wrap .sitemap > ul > li > ul > li > a { display:block; padding:5px 0; line-height:1.5em; font-size:14px; color:#878787; }
/* depth4 */
.sitemap-wrap .sitemap > ul > li > ul > ul { display: flex; align-items: center; flex-wrap: wrap;  padding-left: 10px; }
.sitemap-wrap .sitemap > ul > li > ul > ul li { padding-left: 12px; position: relative; }
.sitemap-wrap .sitemap > ul > li > ul > ul li::before { content: '\00B7'; font-weight: 800; text-indent: -20px; position: absolute; text-align: center; display: inline; color:#878787; }
.sitemap-wrap .sitemap > ul > li > ul > ul li:not(:last-child) { margin-right: 10px; }
.sitemap-wrap .sitemap > ul > li > ul > ul li a {}
.sitemap-wrap .sitemap > ul > li > ul > ul li a span { color:#878787; }

/* ***** 개인정보취급방침 ***** */
.policy-wrap .box1 { overflow:hidden; margin-bottom:50px; padding-bottom:17px; border-bottom:1px solid #ccc; }
.policy-wrap .box1 .fL { width:100%; margin-bottom:30px; text-align:center; }
.policy-wrap .box1 .fR { width:100%; line-height:1.5em; font-size:18px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
.policy-wrap .box1 .fR span.tt { font-size:16px; }
.policy-wrap .box1 .fR span { line-height:1.5em; }

.policy-wrap .box2 div { margin-bottom:45px; padding:3%; background:#f8f9fb; }
.policy-wrap .box2 div p { line-height:1.5em; font-size:14px; }
.policy-wrap .box2 div ul, .policy-wrap .box2 div dl { padding-left:7px; }
.policy-wrap .box2 div ul li  { padding-left:11px; text-indent:-11px; line-height:1.5em; font-size:14px; }
.policy-wrap .box2 div dl dt,
.policy-wrap .box2 div dl dd {  line-height:1.5em; font-size:14px; }
.policy-wrap .box2 div ul li > dl {padding:10px 7px;}
.policy-wrap .box2 div ul li > dl dd {padding-left:14px; padding-bottom:5px;word-break: keep-all;}
.policy-wrap .box2 div ul li > dl > dt {font-weight:600; font-size:16px;padding-bottom:10px;}
.policy-wrap .box2 div dl.sub_txt {font-size:14px; padding:5px;}
.policy-wrap .box2 div dl.sub_txt > dt {font-weight:600;}
.policy-wrap .box2 div dl dt.sub_title{font-size:13px;}
.policy-wrap .box2 .table_box {display:table; width:90%; margin:auto;padding:0; border:1px solid #ccc; border-bottom:none;padding:5px;}
.policy-wrap .box2 .table_box > div {display:table-cell; width:25%; word-break:keep-all; text-align:center; text-indent: 0; padding:10px; border-right:1px solid #ccc;vertical-align: middle;}
.policy-wrap .box2 .table_box > div.table_no {width:10%;}
.policy-wrap .box2 .table_box > div:last-child {border-right:none;;}
.policy-wrap .box2 .table_box:last-child{border-bottom:1px solid #ccc;}


@media screen and (max-width: 767px) {
	.policy-wrap .box2 div {
		padding: 3% 0;
	}
	.policy-wrap .box2 .table_box {
		table-layout: fixed;
		width: 100%;
	}
	.policy-wrap .box2 .table_box > div {
		word-break: break-word;
		padding: 10px 3px;
	}
}


/* ===== TAB STYLE =====*/
.tab2All { overflow:hidden; }
.tab2 { float:right; width:100%; margin-bottom:30px; }
.tab2 li { float:left; width:50%; }
.tab2 li a { display:block; padding:15px 0 14px; text-align:center; font-size:16px; font-weight:bold; border:1px solid #999; }
.tab2 li:first-child a { border-right:0; }

.tab3 li { width:33.3%; }
.tab3 li a.borL { border-left:0; }
.tab4 li { width:25%; }
.tab4 li a { word-spacing:-3px; letter-spacing:-1px; }
.tab4 li a.borL { border-left:0; }

.tab2 li a:hover,
.tab2 li a.active { color:#fff; border:1px solid #78b037; background:#78b037; }

.tab2.bgYel li a { word-spacing:-3px; letter-spacing:-0.5px; }
.tab2.bgYel li a:hover,
.tab2.bgYel li a.active { border:1px solid #feb324; background:#feb324; }

.tab2.bgPur li a:hover,
.tab2.bgPur li a.active { border:1px solid #884cb6; background:#884cb6; }

/* ===== SELECT BOX =====*/
.board-search { margin-bottom:30px; padding:3%; text-align:center; background:#f8f9fb; }
.board-search select { height:39px; }
.board-search input { height:39px; }
.board-search input.checkH { height:12px; }

.selectbox { display:inline-block; position:relative; vertical-align:middle; /*border:1px solid #dadada;*/ }
.selectbox .icon { display:none; position:absolute; right:3px; top:15px; width:9px; height:5px; background-position:-291px -163px;}

.select-tab { position:relative; margin:0 auto 30px; }
.select-tab01 { position:relative; }
.select-tab > a,
.select-tab01 > a {
	display:block; height:43px; padding-left:10px; line-height:43px; font-size:12px; font-weight:bold;
	border:1px solid #999; background:#fff url('../images/etc/arrow_selectTab.png') no-repeat right center;
	background-size:43px;
}
.select-tab ul,
.select-tab01 ul {
	display:none; z-index:100; position:absolute; left:0; top:43px; width:100%;
	padding:10px 0; border:1px solid #999; border-top:0; background:#fff;
	    overflow: auto;     max-height: 310px;
}
.select-tab ul li a,
.select-tab01 ul li a { display:block; padding:10px; font-size:12px; }

@media all and (max-width: 550px) {
	.select-tab .W20 { width: 100% !important; }
}
.faq-select-tab-all { margin-bottom:40px; padding:3% 2%; background:#f8f9fb; }
.faq-select-tab-all > div { display:inline-block; width:100%; margin-bottom:0; }
.faq-select-tab-all .faq-select-tab { margin-bottom:10px !important; z-index:101; }

.txt0707 { padding:0 0 25px 148px; text-indent:-148px; line-height:1.5em; font-size:14px; }


/* ===== ASSOCIATED =====*/
.associated { margin-bottom:50px; background:#f9f9f9; }
.associated .box1 p { padding:15px 0; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:#fd5e01; }
.associated .box1 ul { padding:22px 0 24px 49px; }
.associated .box1 ul li { margin-bottom:16px; padding-left:34px; text-indent:-34px; font-size:14px; color:#646464; }
.associated .box1 ul li .icon { display:inline-block; width:24px; height:24px; margin-right:10px; }
.associated .box1 ul li .icon.t { background-position:-106px -151px; }
.associated .box1 ul li .icon.f { background-position:-133px -151px; }
.associated .box1 ul li .icon.e { background-position:-160px -151px; }
.associated .box1 ul li a { color:#646464; }
.associated .box1 ul li span { font-size:12px; }

.associated .box3 > p { padding:15px 0; text-align:center; font-size:16px; font-weight:bold; color:#fff; background:#2eb3ff; }
.associated .box3 .box3-1 { margin:0 3%; }
.associated .box3 .box3-1 div { padding:30px 0 20px; text-align:center; background:url('../images/etc/dotted_gray01.png') repeat-x 0 0; }
.associated .box3 .box3-1 div:first-child { background:none; }
.associated .box3 .box3-1 p { margin-bottom:15px; line-height:1.3em; text-align:center; font-size:14px; }
.associated .box3 .box3-1 a { width:180px; height:35px; line-height:35px; text-align:center; border-radius:5px; }
.associated .box3 .box3-1 a .ic-down { margin-left:7px; }
.associated .box3 .box3-1 .btnTwo a { width:112px; }
.associated .box3 .box3-1 .btnTwo a .ic-down,
.associated .box3 .box3-1 a .ic-eBook { margin-left:2px; }

.associated .box3 .box3-2 { overflow:hidden; }
.associated .box3 .box3-2 > div { width:50%; }
.associated .box3 .box3-2 > div > a { display:block; padding:110px 0 10px; }
.associated .box3 .box3-2 > div > a > p { line-height:1.3em; text-align:center; font-size:16px; font-weight:bold; color:#fff; }
.associated .box3 .box3-2 > div > a > p > span { font-size:12px; color:#d2e8ff; }
.associated .box3 .box3-2 .fL > a { background:#77b0ea url('../images/content/bg_guidebook.png') no-repeat center 10px; }
.associated .box3 .box3-2 .fR > a { border-left:1px solid #f9f9f9; background:#77b0ea url('../images/content/bg_cartoon.png') no-repeat center 10px; }

.associated .book-box { width:230px; height:310px; margin:33px auto 18px; padding:25px 0 22px; background:#e9e9e9; }
.associated .book-box .imgBar { margin-bottom:18px; padding-bottom:18px; text-align:center; background:url('../images/content/bg_imgBar.png') no-repeat center bottom; }
.associated .eyeNet-box .title { overflow:hidden; padding:11px 0 11px 10px; background:#95c6f7; }
.associated .eyeNet-box .title .icon { float:left; display:block; width:57px; height:58px; margin-right:10px; background-position:0 -432px; }
.associated .eyeNet-box .title p { float:left; margin-top:7px; padding-right:20px; line-height:1.5em; font-size:15px; color:#fff; background:url('../images/etc/arrow_left_b.png') no-repeat right center; line-height:44px; }
.associated .eyeNet-box .title p strong { color:#fff; }
.associated .eyeNet-box .box1 { padding:19px 20px; }
.associated .eyeNet-box .box1 dl { padding:19px 19px 15px 19px; border:1px solid #d5d5d5; background:#fff; }
.associated .eyeNet-box .box1 dl dt { margin-bottom:12px; text-align:center; font-size:15px; font-weight:bold; }
.associated .eyeNet-box .box1 dl dd span { line-height:1.3em; text-align:center; font-size:12px; color:#8f8f8f; }
.associated .eyeNet-box .box1 dl dd a { display:block; width:100px; height:32px; margin:15px auto 0; line-height:32px; border-radius:5px; }

.associated .searches-wrap { padding:30px 20px 0 20px; }
.associated .searches-wrap p { padding-bottom:16px; font-size:16px; font-weight:bold; border-bottom:2px solid #8a8f99; }
.associated .searches-wrap .searches { margin-bottom:40px; }
.associated .searches-wrap ul { padding:18px 0; }
.associated .searches-wrap ul li { margin-bottom:10px; font-size:14px; }
.associated .searches-wrap .searches ul li a { margin-left:10px; }
.associated .searches-wrap .searches ul li a img { vertical-align:middle; }
.associated .searches-wrap .top-searches ul li .num { display:inline-block; width:25px; height:23px; margin-right:8px; line-height:21px; text-align:center; font-size:13px; font-weight:bold; border:1px solid #e5e5e5; background:#f5f5f5; }
.associated .searches-wrap .top-searches ul li span { font-size:14px; }
.associated .searches-wrap .top-searches ul li span.new { margin-left:12px; font-size:10px; color:#f25b00; }

.associated .search-result { padding:0 25px; }
.associated .search-result div { margin-bottom:40px; }
.associated .search-result p { margin-bottom:15px; font-size:17px; font-weight:bold; }
.associated .search-result ul { overflow:hidden; }
.associated .search-result ul li { float:left; width:50%; }
.associated .search-result ul li a { display:block; height:55px; padding-top:20px; text-align:center; font-size:14px; border:1px solid #8a8f99; }
.associated .search-result ul li a:hover,
.associated .search-result ul li a.act { border:2px solid #fd660d; }
.associated .search-result ul li a.bor-B:hover,
.associated .search-result ul li a.bor-B.act { border-bottom:2px solid #fd660d !important; }
.associated .search-result ul li a.bor-l:hover,
.associated .search-result ul li a.bor-l.act { border-left:2px solid #fd660d !important; }

.associated .search-result .calender { margin-top:13px; }
.associated .search-result .calender input[type=text] { border:1px solid #8a8f99; width:87px; font-size:12px;padding:0; text-align:center;}
.associated .search-result .calender input[type=button] {width:100%; margin-top:10px;}

/* ===== PAGING =====*/
.paginate { overflow:hidden; margin:5% auto 40px; text-align:center; }
.paginate > span, .paginate > a { vertical-align:top; display:inline-block; width:17px; height:17px; margin:0 0.2%; line-height:17px; text-align:center; font-size:12px; border:1px solid #dedede; }
.current { color:#fff; border:1px solid #fd5e01 !important; background:#fd5e01; }
.paginate > .page-btn img { width:50%; vertical-align:-2px; vertical-align:middle\9; border:0; }
.paginate > .page-btn.btn1 img { width:60%; max-width:12px; max-height:13px; }
.paginate > .page-btn.btn2 img { width:35%; max-width:7px; max-height:13px; }

/* ===== TABLE TYLE =====*/
.tbType1 { width:100%; margin-bottom:30px; border-top:2px solid #444; }
.tbType1 table { width:100%; }
.tbType1 table th,
.tbType1 table td { line-height:1.3em; text-align:left; font-size:12px; border-bottom:1px solid #999; }
.tbType1 table th { padding:24px 5px; font-weight:bold; color:#3c3644; background:#f0f5f9; }
.tbType1 table td { width:75%; padding:12px 5px;  }
.tbType1 table td .posiR label { position:absolute; left:5px; top:11px; font-size:12px; }
.tbType1 table td label { font-size:12px; }
.tbType1 table td textarea { width:98%; height:200px; resize:none; border:1px solid #999;  }
.tbType1 table td span { font-size:12px; line-height:1.3em; }
.tbType1 table td span.tt { display:block; }
.tbType1 table td .icon.impor { display:inline-block; width:14px; height:14px; margin-right:5px; background-position:-495px -155px; }

.tbType1-1 table th,
.tbType1-1 table td { padding:20px 0; line-height:1.3em; font-size:14px; }
.tbType1 .caption {color:#f00; padding-top:10px;display:block;}


.tbType1-2 { border:1px solid #999; border-bottom:0; }
.tbType1-2 table th { text-align:center; }
.tbType1-2 table th,
.tbType1-2 table td,
.tbType1-2 table td span { font-size:14px; line-height:1.7em; }
.tbType1-2 table td a { height:35px; line-height:35px; border-radius:5px; }
.tbType1-2 table td a.wh { width:160px; }

.tbType1-3 table th { font-size:14px; }
.tbType1-3 table td, .tbType1-3 table td li { line-height:1.6em;font-size:14px; }
.tbType1-3 table td ul li { background:url('../images/etc/bu01.gif') no-repeat 0 8px;padding-left:15px;margin-left:10px; }
.tbType1-3 table td ol li { list-style:decimal;margin-left:20px;padding-left:-20px; }
.tbType1-3 table td span { font-weight:bold;text-decoration:underline;font-size:14px; }
.tbType1-3 table td span.orange { color:#ff6511; }
.tbType1-3 table td span.green { color:#427b00; }
.tbType1-3 table td strong { display:block;font-weight:bold;font-size:16px;margin-bottom:10px; }
.tbType1-3 table td em { font-weight:bold;font-size:14px; }
.tbType1-3 table td u { font-size:14px; }

.tbType2 { margin:3%; /*border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;*/ }
.tbType2 table { width:100%; }
.tbType2 table th,
.tbType2 table td { padding:10px 5px; text-align:center; font-size:12px; }
.tbType2 table th { font-weight:bold; color:#fff; border-left:1px solid #364473; border-bottom:1px solid #364473; background:#3c4c80 !important; }
.tbType2 table th:first-child { border-left:0; }
.tbType2 table th.tt { color:#272727; background:#f8f9fb !important; }
.tbType2 table td { line-height:1.3em; border:1px solid #999; border-top:0;  background:#fff; }
.tbType2 table td:first-child { border-left:1px solid #999 !important; }
/*.tbType2 table td span { display:block; line-height:1.3em; color:#ab6519; }*/
.tbType2 table td ul li { padding-left:13px; line-height:1.5em; background:url('../images/etc/dot_black.png') no-repeat 0 8px; }

.tbType2-1 { margin:2px; }
.tbType2-1 table th,
.tbType2-1 table td { padding:20px 10px; line-height:1.5em; border-bottom:1px solid #999; border-left:0; }

.tbType2-2 { margin:0; }
.tbType2-2 table th,
.tbType2-2 table td { padding:10px; line-height:1.5em; border-right:1px solid #999; border-bottom:1px solid #999; border-left:0; }
.tbType2-2 table td { text-align:left; }

.tbType2-3 table th.tt {  border-left:1px solid #999;  }

.tbType3 { border-top:3px solid #444; }
.tbType3 table { width:100%; }
.tbType3 table tr.ing { background:#fff }
.tbType3 table tr.end { background:#f5f5f5 }
.tbType3 table th,
.tbType3 table td { padding:20px 3px 17px; text-align:center; border-bottom:1px solid #999; }
.tbType3 table th { font-size:16px; font-weight:bold; background:#f8f9fb; }
.tbType3 table td { cursor:pointer; font-size:14px; line-height:1.5em; }
/*.cursortext { margin:30px 0; }*/
.cursortext table td{cursor:text;} /*sub_lee*/
.tbType3 table td a { display:inline-block; width:80px; height:38px; line-height:38px; }
.tbType3 table .detailWebTr { background:#f8f9fb; }
.tbType3 table .detailWebTr > td { padding:0; border-bottom:0; }

.tbType3-1 { border-top:1px solid #999; }
.tbType3-1 table th { background:#fff; }
.tbType3-1 table th,
.tbType3-1 table td { border-bottom:1px solid #999; }

.tbType3-2 table td { border-left:1px solid #999; }
.tbType3-2 table td.tl { padding-left:20px; vertical-align:top; }
.tbType3-2 table td.tl ul li { padding-left:10px; text-indent:-10px; line-height:1.5em; font-size:14px; }

.tbType3-3 { border:0; }
.tbType3-3 table th,
.tbType3-3 table td { border:1px solid #999;cursor:text; }

.tbType3-4 table th,
.tbType3-4 table td { border:1px solid #e1e1e1;cursor:text; }

.tbType3-5 table th { border-left:1px solid #999; }


.tbType4 { border-top:3px solid #444; }
.tbType4 table { width:100%; }
.tbType4 table th,
.tbType4 table td { padding:17px 0; text-align:center; }
.tbType4 table th { font-size:12px; font-weight:bold; border-bottom:1px solid #999; background:#f8f9fb; }
.tbType4 table td { overflow:hidden; font-size:12px; border-bottom:1px solid #999; }
.tbType4 table td .ttbox { overflow:hidden; }
.tbType4 table td .ttbox span { float:left; }
.tbType4 table td .ttbox a.tt { float:left; display:block; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:blue; }
.tbType4 table td a {  line-height:1.5em; font-size:12px; }
.tbType4 table td a:hover { color:#478301; text-decoration:underline; }
.tbType4-1 table td a:hover { color:#44569d; }

.tbTyep5 table { width:100%; }
.tbTyep5 table th,
.tbTyep5 table td { padding:10px 0; text-align:center; font-size:12px; font-weight:bold; }
.tbTyep5 table th { color:#fff; background:#c0c0c0; }
.tbTyep5 table td { color:#434343; }
.tbTyep5 table td.tl { padding:10px; }

.tbType6 { padding:0 3%; }
.tbType6 table { width:100%; }
.tbType6 table { width:100%; }
.tbType6 table th,
.tbType6 table td { padding:15px 0; vertical-align:top; background:url('../images/etc/dotted_gray01.png') repeat-x 0 bottom; }
.tbType6 table th { text-align:left; font-size:16px; font-weight:bold; color:#8032bc; }
.tbType6 table td { line-height:1.5em; font-size:14px; }
.tbType6 table td.tt { font-weight:bold; }
.tbType6 table .wh1 { width:50px; font-size:16px; }
.tbType6 table .wh2 { width:50px; font-size:14px; }

/* ===== ALYOUT-POPUP =====*/
#resubmit-layout-wrap { display:none; position:fixed; left:0; top:0;  z-index:7000; width:100%; height:100%; padding-bottom:80px; }
.resubmit-layout-all { position:relative; width:100%; height:100%; overflow:auto; }
.resubmit-layout-all .layout_close { position:absolute; right:18px; top:11px; cursor:pointer; }
.resubmit-layout-all .layout_close .icon { display:block; width:34px; height:34px; background-position:-451px -143px; }
.resubmit-layout-all h1 { padding:34px 0 14px 12px; line-height:1.5em; word-spacing:-5px; font-size:16px; font-weight:bold; color:#fff; background:#405875; }
.resubmit-layout-con { padding:5% 2%; background:#fff; }
.resubmit-layout-con h2 { margin-bottom:15px; font-size:15px; font-weight:bold; }
.resubmit-layout-con .box1 { overflow:hidden; }
.resubmit-layout-con .box1 > div { width:100%; margin-bottom:50px; }
.resubmit-layout-con .box1 .box1-01 { overflow:hidden; margin:0 5%; padding:5%; border:1px solid #999; }
.resubmit-layout-con .box1 .box1-01 .icon { display:block; width:42px; height:42px; margin:0 auto 17px; background-position:-403px -135px; }
.resubmit-layout-con .box1 p { line-height:1.5em; font-size:14px; }
.resubmit-layout-con .box1 .box1-02 { margin:0 5%; }
.resubmit-layout-con .box1 .box1-02 a { display:block; width:80%; max-width:253px; height:50px; margin:30px auto 0; line-height:50px; }
.resubmit-layout-con .box2 li { margin-bottom:5px; padding-left:16px; text-indent:-16px; line-height:1.5em; font-size:14px; }

/* 2017.6.7 HooNi 추가*/
.resubmit-layout-all .layout_close2 { position:absolute; right:18px; top:11px; cursor:pointer; }
.resubmit-layout-all .layout_close2 .icon { display:block; width:34px; height:34px; background-position:-451px -143px; }
/* 2017.6.7 HooNi 추가 끝*/

#appliStand_layer { display:none; position:fixed; left:50%; top:50%; z-index:7000; width:96%; margin-left:-48%; ;}
.appliStand_layer-all h1 { padding:16px 0 14px 12px; }
.appliStand { padding:30px 0 20px; text-align:center; border:1px solid #999; border-top:0; background:#fff; }
.appliStand p { margin-bottom:15px; font-size:14px; line-height:1.5em; }

/*2017. 6. 7 HooNi 추가*/
#cancelStand_layer {display:none; position:fixed; left:50%; top:25%; z-index:7001; width:96%; margin-left:-48%; }
.cancelStand_layer-all h1 { padding:10px}
.cancelStand { padding:30px 0 20px; text-align:center; border:1px solid #999; border-top:0; background:#fff; }
.cancelStand p { margin-bottom:15px; font-size:14px; line-height:1.5em; }

.cancelStand_layer-all .cont div input { margin:7px 0; }
.cancelStand_layer-all .close .icon { cursor:pointer; position:absolute; right:0px; top:0px; width:42px; height:42px; background-position:-266px -64px; }
/*2017. 6. 7 HooNi 추가 끝*/


.modalBg { display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:url('../images/etc/modalBg.png') repeat 0 0; }

.quarterly-popup-wrap { width:95%; border:3px solid #78b037; }
.quarterly-popup-wrap h1 { padding:23px 0 23px 3%; line-height:1.5em; font-size:16px; font-weight:bold; color:#fff; background:#78b037; }
.quarterly-popup-con { padding:5% 3%; }
.quarterly-popup-tab { overflow:hidden; margin-bottom:50px; }
.quarterly-popup-tab li { float:left; width:48%; margin:0 1% 1% 1%; }
.quarterly-popup-tab li a { display:block; height:55px; padding:10px 0 0 10px; line-height:1.3em; font-size:14px; font-weight:bold; border:1px solid #e0e0e0; }
.quarterly-popup-tab li a:hover,
.quarterly-popup-tab li a.active { color:#fff; background:#878787; }
.quarterly-popup { border-top:3px solid #444; }
.quarterly-popup h2 { padding:5% 0; line-height:1.5em; text-align:center; border-bottom:1px solid #cbcbcb; background:#f8f9fb; }
.quarterly-popup h2 span { display:block; font-size:12px; font-weight:normal; }
.quarterly-popup .list { padding:5% 2%; }
.quarterly-popup .list > li { font-weight:bold; color:#6fa62e; }
.quarterly-popup .list > li p { margin:30px 0; line-height:1.5em; font-size:12px; font-weight:normal; }
.quarterly-popup .list > li > ol { margin:30px 0; }
.quarterly-popup .list > li > ol li { font-size:12px; font-weight:normal; color:#6fa62e; }

#school-layer-wrap { display:none; cursor:pointer; z-index:7000; position:absolute; left:50%; top:40%; width:96%; margin-left:-48%; background:#fff; }
#school-layer-wrap div { border:5px solid #405875; }
#school-layer-wrap div table { width:100%; }
#school-layer-wrap div table th,
#school-layer-wrap div table td { padding:18px 10px; text-align:center; }
#school-layer-wrap div table th { font-weight:bold; background:#f8f9fb; }
#school-layer-wrap div table td { line-height:1.5em; font-size:12px; border-top:1px solid #e5e5e5; }

#post-layer-wrap { display:none; z-index:7000; position:absolute; left:50%; top:450px; width:96%; margin-left:-48%; background:#fff; }
.post-layer-all { position:relative; padding:3%; border:5px solid #405875; }
.post-layer-all h1 { padding:10px 0 21px; font-size:16px; }
.post-layer-all ul { overflow:hidden; }
.post-layer-all ul li { float:left; width:50%; }
.post-layer-all ul li a { display:block; padding:12px 0; text-align:center; font-size:12px; font-weight:bold; color:#fff; background:#878787; }
.post-layer-all ul li a.active { background:#00649b; }
.post-layer-all .post-layer-con { border:1px solid #cacaca; }
.post-layer-all .post-layer-con p { display:block !important; margin:0; font-weight:normal; word-spacing:0; letter-spacing:0; padding:26px 0; line-height:1.5em; text-align:center; font-size:12px; color:#434343; }

.post-layer-box { display:none; padding:0 4%; }
.post-layer-box .postBox1 { margin-bottom:0; padding:19px 0; text-align:center; border:1px solid #e5e5e5; border-left:0; border-right:0; }
.post-layer-box .postBox1 div { position:relative; }
.post-layer-box .postBox1 div label { display:block; position:absolute; left:8%; top:11px; font-size:12px; color:#979797; }
.post-layer-box .postBox1 div .but-post { width:51px; }
.post-layer-box .postBox2 { height:180px; overflow-y:scroll; padding:15px 0; }
.post-layer-all .layout_close { cursor:pointer; position:absolute; right:9px; top:12px; }
.post-layer-all .layout_close .icon { display:block; width:30px; height:31px; background-position:-643px -145px; }
.post-layer-box .postBox1 .selectbox.W43 { width:43.5%; }

#cr_law_wrap { display:none; z-index:7000; position:fixed; left:50%; top:0; margin-left:-50%; width:100%; height:100%; border:2px solid #405875; background:#fff; }
.cr_law { position:relative; width:100%; height:100%; overflow:auto; }
.cr_law h1 { padding:21px 0 21px 21px; font-size:18px; font-weight:bold; color:#fff; background:#405875; }
.cr_law h1 span { display:block; margin-top:10px; font-size:14px; font-weight:normal; }
.cr_law .box-all { padding:4%; }
.cr_law .box { margin-bottom:50px; }
.cr_law .box .title { overflow:hidden; padding:16px 10px; background:#f3f7fb;margin-bottom:20px !important; }
.cr_law .box .title h2 { float:left; width:100%; padding-left:20px; text-indent:-20px; font-size:16px; line-height:1.5em; font-weight:bold; }
.cr_law .box .title span { display:block; float:right; width:100%; margin-top:7px; line-height:1.3em; text-align:right; font-size:12px; font-weight:bold; }
.cr_law .box dl { margin:10px 0 0 2%; }
.cr_law .box dl:first-child { margin-top:0; }
.cr_law .box dl dt { margin-bottom:10px; line-height:1.5em; font-size:14px; font-weight:bold; }
.cr_law .box dl dd, .cr_law .box dl dd p { line-height:1.5em; font-size:14px; }
.cr_law .box dl dd ul li { padding-left:18px; text-indent:-18px; line-height:1.5em; font-size:14px; }
.cr_law .box dl dd ul li ul li ul li { padding-left:21px; text-indent:-21px; }
.cr_law .box .box1-1 { overflow:hidden; }
.cr_law .box .box1-1 dt { width:55px; }
.cr_law .box .box1-1 dd { width:80%; }
.cr_law .layout_close { cursor:pointer; position:absolute; right:12px; top:15px; }
.cr_law .layout_close .icon { display:block; width:34px; height:34px; background-position:-451px -143px; }

/* ===== AGREEMENT =====*/
.agreement-wrap { margin-bottom:30px; }
.agree { height:220px; margin-bottom:25px; overflow-y:scroll; padding:2%; border:1px solid #999; }

.agree dl { margin-bottom:20px; }
.agree dl dt { margin-bottom:15px; font-size:12px; font-weight:bold; color:#585858; }
.agree dl dd,
.agree dl dd ul li,
.agree dl dd p,
.agree dl dd span { line-height:1.5em; font-size:12px; color:#585858; }
.agree dl dd p { margin-bottom:10px; }

.agree_contents > .agree_wrap {border:1px solid #ccc;}
.agree_wrap > .agree_box {margin:10px 0;}
.agree_wrap > .agree_box h4 {padding:10px;}
.agree_wrap > .agree_box > p {padding:0 20px 10px; word-break:keep-all; line-height:1.3; font-size: 12px;}
.agree_wrap > .agree_box > dl {padding: 0 30px 20px;}
.agree_wrap > .agree_box > dl dt {line-height:1.5; font-size: 12px;}
.agree_wrap > .agree_box > dl dd {line-height:1.5;padding: 0px 10px; font-size: 12px;}
.agree_wrap > .agree_box > div.btn_wrap {border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:20px 10px;}
.agree_wrap > .agree_box > div.btn_wrap > ul {display:inline-block; width:160px; float:right;}
.agree_wrap > .agree_box > div.btn_wrap > ul > li {display:inline-block; float:left; width:80px;}
.agree_wrap > .agree_box > div.btn_wrap > ul > li label {margin-left:5px;}

/* ===== SCROLL TOP =====*/
.gotop-mobile { display:none; position:fixed; bottom:130px; right:3%; width:40px; height:40px; z-index:9999; }

.address p.wh a.mail { cursor:pointer; }
.address p.wh a.mail:hover { text-decoration:underline; }

/* adr 페이지 내용 보기 */
.x_webcon {padding:20px; background: #f8f9fb; border-bottom:1px solid #ccc; text-align: center;}
.x_add_mb {margin-top: -10px; padding-bottom: 30px;}
.x_add_mb a {display: block; width:180px; height:40px; color:#fff; background: #00649b; text-align: center;line-height: 40px; margin: 0 auto;}
.x_mbcon {position: fixed; top:0;left:0;right: 0;bottom:0; background: rgba(256,256,256,0.9); text-align: center; padding: 1em; z-index: 99999;}

/* 추가팝업	 */
.inner_popcon {padding:0 20px;}
.inner_popcon ul {list-style: none; margin-bottom: 5px;}
.inner_popcon ul li {overflow: hidden; margin-bottom: 10px;}
.inner_popcon ul li label {float: left; width:22%; text-align: left; vertical-align: middle; line-height: 34px; font-weight: 600;}
.inner_popcon ul li .popcon_r {width:78%; float: left; text-align: left;}
@media screen and (max-width:520px){
	.inner_popcon ul li label, .inner_popcon ul li .popcon_r {float: none; width:100%; text-align: center;}
}


/* 20170609 edu02_apply_list_dev.asp 모바일 버튼 수정 */
.add_title {overflow: hidden}
.add_title p {float:left;}
.add_btns {position: relative; float: right; width:30%;max-width:106px; text-align: right; margin:-10px 0; padding-right: 6px;}
.add_btns a {position:relative !important; top:auto !important; left: auto !important; right: auto !important; bottom: auto !important; margin-bottom:2px;}
/*20171109분쟁 게시판 틀어짐 수정*/
@media screen and (max-width:767px){
	.adr-wrap .box3 .box3-con .title p {padding-left: 10px; padding-right: 10px; width: auto;}
}
/*브로셔버튼추가*/
.brochur_20171110 { background: #77b0ea; width: 300px; position: absolute; top:30px; right:0;bottom:0px; }
.brochur_20171110_b {background: #77b0ea; position: relative; display: none; margin-top: -50px; margin-bottom: 30px; min-height: 110px}
.brochur_20171110  a,
.brochur_20171110_b a {display: block; height: 100%; overflow: hidden; background: url(/kor/images/content/brochur_20171110.jpg) no-repeat 90% 50%;}
.brochur_20171110_b a {height: 110px;}
.brochur_20171110  a span.tit,
.brochur_20171110_b  a span.tit {color:#fff; font-size:18px;display: block; margin:34px 26px 0; font-weight: bold;}
.brochur_20171110  a span.cont,
.brochur_20171110_b  a span.cont {color:#d2e8ff; font-size:14px; display: block; margin:12px 26px 0; font-weight: bold;}
.brochur_20171110_b {display: none;}
@media screen and (max-width:1020px){
	.brochur_20171110  {width: 240px}
}
@media screen and (max-width:900px){
	.brochur_20171110  {display: none}
	.brochur_20171110_b {display: block;}
}






/*joo*/
.associated .search-result .calender input[type=text] {width:105px;}
.bdnone {border:none !important;}
.connum_19,
.connum_20,
.connum_21,
.connum_22,
.connum_158,
.connum_23 {background: none !important; width:100% !important;}
.connum_19 .content,
.connum_20 .content,
.connum_21 .content,
.connum_22 .content,
.connum_158 .content,
.connum_23 .content {width:100% !important;}

.associated.joo04 {width:100%; max-width:100%;background: #fff;}
.associated.joo04 .printFont01 {position: absolute; top:0; background: transparent;}

.jbbox01,
.jbbox03,
.jbbox04,
.jbbox05 {width:16.66%; float:left;}
.jbbox01 {height: 240px;}
.jbbox02 {width:50%; float:left;}
.jbbox02 { text-align:center;}
.jbbox02 > div {background: #f9f9f9;}
.jbbox02 > div > div {width:25%; float:left; text-align:center;}
.jbbox03 {text-align:center;}

.mg0 {margin:0 !important;}
.bdnone {border:none!important;}
.wrap_jbbox {border-bottom:1px solid #dadada;overflow:hidden;margin-top:50px;}
.wrap_jbbox h3 {color:#fff; font-size:18px !important;padding:11px 0;}
.jbbox01 h3 {background: #fd5e01; text-align:center;}
.jbbox01 ul {height:191px;padding:33px 20px;background: #f2f2f2;border:1px solid #dadada;border-bottom:0;}
.jbbox01 ul li {margin-top:25px;}
.jbbox01 .icon { display:inline-block; width:24px; height:24px; margin-right:10px; }
.jbbox01 .icon.t { background-position:-106px -151px; }
.jbbox01 .icon.f { background-position:-133px -151px; }
.jbbox01 .icon.e { background-position:-160px -151px; }
.jbbox02 p {font-size:13px;line-height:1.5;margin-bottom:18px;min-height:38px;}
.jbbox02 h3 {background: #2eb3ff;}
.jbbox02 > div > div {margin:10px 0; padding:10px 5px; border-left:1px dashed #dadada;  word-break:keep-all;height:170px;}

.jbbox02 .jbbox02-con {
	display: flex;
	align-items: center;
	height: 191px;
}

.jbbox02 .jbbox02-con>div {
	float: none;
	margin: 0;
	padding: 30px 5px;
}

.jbbox02 h4 {color:#f15900; font-size:14px; margin-bottom:10px;}
.jbbox02 .jbtn {margin:0 10px;}
.jbbox02 a {display:block; width:100%; height:30px;margin-top:10px; font-size:13px;}
.jbbox02 a.gray { background: #878787; color:#fff; border-radius:5px;line-height:30px;}
.jbbox02 a.white {border:1px solid #878787; color:#878787;border-radius:5px;line-height:30px;}
.jbbox02 a i {margin-left:5px;    display: inline-block; width: 15px; height: 13px; vertical-align: -2px;}
.jbbox02 a i.ic-ebook {background: url(../images/icon/ic_ebook00.png) no-repeat;margin-left:11px;}
.jbbox03 {height:240px;background: #6aab1f; color:#fff;}
.jbbox03 h3 {background: #4e870c;}
.jbbox03 i {display:inline-block;vertical-align:middle; width:100px;height:100px;background:url(../images/icon/i_jbbox03_1.png);margin:18px 0;}
.jbbox03 a {display:block; border:1px solid #fff; color:#fff;margin: 0 28px; padding:10px 0; font-size:13px;}
.jbbox04 h3 {padding-top:0; padding-bottom:5px;}
.jbbox041,
.jbbox042 {height:120px;color:#c6e1ff; padding:15px 20px; position: relative;}
.jbbox041 a,
.jbbox042 a {position: absolute; top:0; right:0; left:0; bottom:0; color:#c6e1ff; }
.jbbox041 {background-color: #2a62a0; background-image:url(../images/icon/i_jbbox041.png); background-position: 92% 92%; background-repeat: no-repeat ;}
.jbbox042 {background-color: #4681c1; background-image:url(../images/icon/i_jbbox0412.png);/* url(../images/icon/i_jbbox042.png);*/ background-position:  92% 92%; background-repeat: no-repeat ;}
/* 가이드 북 숨김 임시 */
.jbbox041 {display:none !important;}
.jbbox042 {height:240px; width:100% !important;}
/* 가이드 북 숨김 임시 */
.joob_19 .jbbox02 {display:none;}
.joob_19 .jbbox01, .joob_19 .jbbox03 {width:25%;}
.joob_19 .jbbox04 {width:50%;}
.joob_19 .jbbox041,.joob_19 .jbbox042 {float:left;width:50%; height:175px;padding:30px;}
.joob_19 .jbbox03 {height:175px;}
.joob_19 .jbbox01 ul {padding:15px 30px; height:125px;}
.joob_19 .jbbox01 ul li {margin-top:10px;}
.joob_19 .jbbox03 i {margin:15px 0;background:url(../images/icon/i_jbbox031_1.png); width:51px;	height:46px; }
.joob_19 .jbbox041 {    background-image: url(../images/icon/i_jbbox0411.png);background-position:90% 80% ;}
.joob_19 .jbbox042 {    background-image: url(../images/icon/i_jbbox0412.png);background-position:90% 80% ;}
.joob_19 .jbbox01, .joob_19 .jbbox04, .joob_19 .jbbox03 {width:33.3% !important;}
/*20171121 뉴스레터 joo */
/* 기존 */
.mgz_txt00 {border:1px solid #dedede; /*padding:50px;*/ padding: 50px 129px; padding-left:520px; /*padding-left:45%;*/ margin-bottom:50px; background: url(../images/content/mgz_bg00.png) no-repeat 12%; }
.mgz_txt00 h4 {font-size:30px; padding-bottom:24px; margin-bottom:24px; font-weight:normal;border-bottom:1px solid #dedede;}
.mgz_txt00 h4 img {max-width: 179px; height: 28px;}
.mgz_txt00 h4 span {position: relative; top: 4px;}
.mgz_txt00 h4 span svg {max-width: 179px; max-height: 28px;}

@media screen and (max-width: 767px) {
.mgz_txt00 h4 span {position: relative; top: 1.5px;}
.mgz_txt00 h4 span svg {max-width: 111px; max-height: 18px;}
}

.mgz_txt00 p {line-height:1.86; margin-bottom:30px;}
.mgz_btn a {display:inline-block; width:42%; max-width:265px;min-width:130px; line-height:50px; color:#fff; text-align:center; font-size:16px; font-weight:bold;}
.mgz_btn a.btn_o {background: #fd5e01; margin-right:10px;}
.mgz_btn a.btn_g {background: #878787;}

.mgz_btn.mgz_btn_three {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}
.mgz_btn.mgz_btn_three a {
	display: inline-block;
	width: 100%;
	max-width: unset;
	min-width: unset;
	font-size: 15px;
	margin: 0;
}

.mgz_btn .b_share {
	width: 100%;
	background: #ffaa00; 
}

.mgz_btn .b_share .share_link {
	position: absolute;
	left: -100000px;
	
}

.mgz_btn .b_share .btn_share {
	width: 100%;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	line-height: 50px;
	text-align: center;
}

@media (max-width: 1216px) {
	.mgz_txt00 {
		padding: 50px;
		padding-left: 45%;
	}
}

@media screen and (max-width: 767px) {
	.mgz_btn.mgz_btn_three a,
	.mgz_btn .b_share .btn_share {
		font-size: 14px;
		line-height: 40px;
	}
}
@media screen and (max-width: 544px) {
	.mgz_btn .b_share .btn_share {
		width: 100%;
	}
}
@media screen and (max-width: 400px) {
	.mgz_txt00 h4 {
		display: flex;	
		flex-direction: column;
		align-items: center;
		gap: 5px;
	}
}
@media screen and (max-width: 342px) {
	.mgz_btn.mgz_btn_three {
		flex-direction: column;
		align-items: center;
	}
}

/* 수정 */
.wb_txt {width: 49%;	height: 332px; border:1px solid #dedede; padding: 65px 30px; background-color: #f6f6f6; word-break: break-All;}
.wb_box { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin-bottom: 50px;}
.wb_box.wb_b_margin {margin: 0;}
.wb_txt00 { background-image: url("../images/content/mgz_bg01.png"); background-repeat: no-repeat; background-position: 0 50%; }
.wb_txt01 { text-align: center; }
.wb_txt_box { margin-left: 50%; }
.wb_txt h4 {font-size:30px; margin-bottom:30px; font-weight:normal; display: -webkit-flex; display: -ms-flex; display: flex; -ms-align-items: center; align-items: center;}
.wb_txt00 span {margin-right: 10px;}
.wb_txt01 h4 { justify-content: center; }
.wb_txt01 span {margin-left: 10px;}
.wb_txt p {line-height:2; margin-bottom:30px;}
.wb_btn a {display:inline-block; width:42%; max-width:265px;min-width:130px; line-height:50px; color:#fff; text-align:center; font-size:16px; font-weight:bold;}
.wb_btn a.btn_o {background: #fd5e01; margin-right:10px;}
.wb_btn a.btn_g {background: #878787;}
.wb_btn a.btn_y {background: #fd9501; margin-left: 50%}
/*팝업*/
.wb_pop_txt {line-height:1.5; margin:20px 0 10px;}


/*20171206 교육신청/조회 탭 나누기 joo*/
.tabmenu {margin-bottom:3em;}
.tabmenu ul:after {content:'';display:block; clear:both;}
.tabmenu ul li {width:50%; float:left; text-align:left; }
.tabmenu ul li.l a {margin-right:5px;}
.tabmenu ul li.r a {margin-left:5px;}
.tabmenu ul li a {font-size:1.3em; display:block;padding:1em;border:1px solid #ddd; font-weight:bold;
background-image:url(../images/academy_edu/bg_tabmenu_li.png) ;background-repeat: no-repeat ; background-position: right center ;}
.tabmenu ul li.act {}
.tabmenu ul li.act a {color:#fff;background-color: #ff8b24;border:1px solid #ff8b24; background-image:url(../images/academy_edu/bg_tabmenu_li_act.png) ;background-repeat: no-repeat ; background-position: right center ;}

/* 20190521 교육신청 내역 조회 */
.exBox .titleh4 span.user_name {display:inline-block; font-size:19px; color: #F5822B; font-weight:bold;padding-left:5px;}
.exBox h3.title {font-size:16px; font-weight:bold; color:#333;margin: 0 20px 5px;}
.exBox .edulistArea {margin: 0px 10px 20px;}
.exBox h4.sub_title {padding: 10px;border-bottom: 1px solid #ccc;}
.exBox h4.sub_title > span {color: #F5822B;}
.exBox .edulistArea ul li label {padding:4px 5px; border-radius:3px;display:inline;margin-right:5px;font-weight: 600;background: #2eb3ff;line-height:1.2; width:auto; height:auto;font-size:13px;}
.exBox li.edu_txt {list-style:none; text-align:center; padding:20px 0; font-weight:bold;}

/* 20190521 교육신청 내역 조회 END */


/* 20190619 정보공개 청구 */
.tab_silde_wrap dl.txt_box > dt.title {font-size:16px; padding: 20px; border:1px solid #c0c0c0;font-weight:bold; box-shadow:inset 0px -4px 8px #c8c8c8;position:relative;}
.tab_silde_wrap dl.txt_box > dt.title:before {content:""; background-image:url(../images/content/arrow_down_black.png); position:absolute; right:25px; top:50%;width:24px; height:24px; margin-top:-12px;background-size: cover;}
.tab_silde_wrap dl.txt_box.on > dt.title:before {background-image:url(../images/content/arrow_up_black.png); }
.tab_silde_wrap dl.txt_box {margin:6px 0; line-height:1.5;}
.tab_silde_wrap dl.txt_box > dd {margin:30px 20px; display:none; line-height:1.5;}
.tab_silde_wrap dl.txt_box > dd li {line-height:1.5;padding-bottom:10px;}
.tab_silde_wrap dl.txt_box > dd li > ul {padding:10px 20px;}
.tab_silde_wrap dl.txt_box h3.sub_title {font-size:16px; position:relative; padding-left:15px; margin:20px auto; }
.tab_silde_wrap dl.txt_box h3.sub_title:before {content:""; position:absolute; width:8px; height:8px; background:#272727; left:0px; top:50%;margin-top:-4px; }
.tab_silde_wrap .sub_txt_box p {padding:0px 10px 10px 10px;line-height:1.5}
.tab_silde_wrap .sub_txt_box > dl {font-size:14px; padding:0 20px;}
.tab_silde_wrap .sub_txt_box > dl dt {margin-bottom:10px;}
.tab_silde_wrap .sub_txt_box > dl dd {margin-bottom:10px; padding:0 0 0 16px; line-height:1.5;}
.tab_silde_wrap .sub_txt_box > dl dd li {padding-left:20px;line-height:1.5;}
.tab_silde_wrap .sub_txt_box > dl dd li.table, .tab_silde_wrap dl.txt_box ul.table_wrap > li.table  {display:table;}
.tab_silde_wrap .sub_txt_box > dl dd ul li.table > span,
.tab_silde_wrap dl.txt_box dd li.table > span {display:table-cell; vertical-align:top;line-height:1.5;}
.tab_silde_wrap .sub_txt_box > dl dd li.table span.list_contents, .tab_silde_wrap dl.txt_box dd li.table span.list_contents  {padding:0 5px;}

.link_wrap {margin-top:50px;}
.link_wrap > h3.title {font-size:18px; position:relative; padding-left:15px;margin-bottom:15px;}
.link_wrap > h3.title:before {content:""; position:absolute;left:0; top:50%; margin-top:-5px;width:5px; height:5px; border:3px solid #619edb; border-radius:2px;}
.link_wrap ul {width:100%;padding:0;display:table; border:1px solid #c8c8c8; text-align:center;}
.link_wrap ul > li {width:33.3%; display:table-cell; border-right:1px solid #c8c8c8;padding:10px; font-size:14px; word-break:keep-all;line-height:1.5}
.link_wrap ul > li > p {margin:10px 0px;line-height:1.5}
.link_wrap ul > li:last-child {border-right:none;}
.link_wrap ul > li > a.btn-gray {width:80%; max-width:130px; border-radius:5px;}
.link_wrap ul > li > a.btn-gray i {background: url(../images/icon/icon_download_white.png) no-repeat;width: 15px;height: 13px;display:inline-block;margin-bottom:3px; margin-left:10px;}

.info_wrap {padding-left:20px;}
.info_wrap > .pc_contents {display:block;}
.info_wrap .mobile_contents {display:none;}
.info_wrap table{width:100%; text-align:center; border-top:2px solid #333;}
.info_wrap	table td {border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 10px; word-break:keep-all;font-size:14px;line-height:1.5}
.info_wrap	table tr > th {background:#f8f9fb; padding:20px 10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;font-size:14px;line-height:1.5}
.info_wrap	table tr > td:last-child,table thead > tr > th:last-child {border-right:none;}
.info_wrap p {padding-bottom:15px; line-height:1.5;}
.info_wrap .gray_box {background:#f8f9fb;padding: 20px; text-align:center;}
.info_wrap .gray_box li {margin-bottom:15px; text-align:left;}
.info_wrap .gray_box a.btn-gray {width:auto;padding:0 20px; margin-top:20px;}
.info_wrap .gray_box a.btn-gray i {background: url(../images/icon/icon_download_white.png) no-repeat;width: 15px;height: 13px;display:inline-block;margin-bottom:-3px; margin-left:10px;}


.info_wrap p > span {color:#b66e39;}
.info_wrap .gray_box li {line-height:1.5;}
.info_wrap .gray_box li:last-child > span {width:200px;display:inline-block; padding-bottom:10px;}
.info_wrap .gray_box i.marker {background: url(../images/icon/icon_marker.png) no-repeat;width: 12px;height: 14px;display:inline-block;margin-bottom:-2px; margin-right:5px;}
.info_wrap .gray_box i.mail {background: url(../images/icon/icon_email.png) no-repeat;width: 12px;height: 10px;display:inline-block;margin-bottom:-2px; margin-right:5px;}
.info_wrap .gray_box i.fax {background: url(../images/icon/icon_fax.png) no-repeat;width: 12px;height: 14px;display:inline-block;margin-bottom:-2px; margin-right:5px;}
.info_wrap .gray_box i.tel {background: url(../images/icon/icon_tel.png) no-repeat;width: 15px;height: 15px;display:inline-block;margin-bottom:-4px; margin-right:3px;}



/* 20190619 정보공개 청구 END */

@media screen and (max-width:1216px){
.jbbox01 ul {padding: 33px 10px ;}
.jbbox01 ul li {font-size:13px;}
.jbbox01 .icon {margin-right:5px; }
.jbbox03 a {margin:0 15px;}

.link_wrap ul > li > p {min-height:42px;}

.wb_box { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin-bottom: 50px; flex-direction: column;}
.wb_txt {width: 100%;	height: auto; }
.wb_txt00 { background-image: url("../images/content/mgz_bg01.png"); background-repeat: no-repeat; background-position: 18% 50%; margin-bottom: 20px;}
.wb_txt01 p {max-width: 62%; margin: 0 auto; margin-bottom: 30px;}
.wb_txt p br.mbn {display: none;}
.wb_btn a {display:inline-block; width:42%; max-width:265px;min-width:130px; line-height:50px; color:#fff; text-align:center; font-size:16px; font-weight:bold;}
.wb_btn a.btn_o {background: #fd5e01; margin-right:10px;}
.wb_btn a.btn_g {background: #878787;}
.wb_btn a.btn_y {background: #fd9501; margin-left: 50%}
}
@media screen and (max-width:1023px){
.associated .search-result .calender input[type=text] {width:87px;}
.Integration-wrap .title {padding-bottom:0;}
.Integration-con-all h5,
.Integration-con-all h5 em,
.Integration-con-all h5 strong {font-size:16px;word-break:keep-all;}
.curriculum-wrap .box1 .box1-1 {margin-bottom:0;}
.jbbox01 {display:none;}
.jbbox02 {width:100%;   border: 1px solid #dadada;}
.jbbox03 {width:50%;  }
.jbbox03 a  {margin:0 auto; max-width:200px;}
.jbbox04 {width:50%;}
.jbbox041 {    background-position: 90% 80%;padding-left:50px;}
.jbbox042 {    background-position: 90% 80%;padding-left:50px;}
.joob_19 .jbbox04 {width:66.67%;}
/*가이드북 숨김 임시*/
.joob_19 .jbbox03, .joob_19 .jbbox04 {width:50% !important;}
/*가이드북 숨김 임시*/

.mgz_txt00 {padding:30px; padding-top:200px;    background: url(../images/content/mgz_bg00.png) no-repeat center 30px ; background-size: 200px auto ;}
.mgz_txt00 h4,
.mgz_btn {text-align:center;}

}
@media screen and (max-width:767px){
.jbbox02 > div {flex-wrap:wrap;height: auto !important; border-bottom: 1px dashed #dadada;overflow:hidden;}
.jbbox02 > div > div {width:50%;height:auto;}
.jbbox03 {height:auto;padding-bottom:20px;}
.jbbox03 i {width:70px; height:70px;background-size:cover;;}
.jbbox03,
.jbbox04 {width:100%;}
.jbbox041,
.jbbox042 { height:140px; width:50%; float:left; padding:20px;}
.joob_19 .jbbox03,
.joob_19 .jbbox04 {width:100% !important;}
.joob_19 .jbbox041,
.joob_19 .jbbox042 {background-size: 80px 80px ; padding:15px;}

.mgz_txt00 {padding:15px;padding-top:160px;     background-size: 150px auto; }
.mgz_txt00 h4 {font-size:20px; margin-bottom:15px; padding-bottom:15px;}
.mgz_txt00 h4 img {height:20px;}
.mgz_txt00 p {line-height:1.7; margin-bottom:15px;}
.mgz_btn a {line-height:40px;font-size:14px;}

.wb_box { margin-bottom: 40px; }
.wb_txt {padding: 30px;}
.wb_txt svg {width: 115px;}
.wb_txt00 { background-position: 50% 0; background-size: 150px auto; margin-bottom: 10px;}
.wb_txt_box {margin-top: 120px; margin-left: 0;}
.wb_txt h4 {font-size: 20px; margin-bottom: 15px;}
.wb_txt00 h4 {justify-content: center; margin-bottom: 6px;}
.wb_txt00 span {margin-right: 5px;}
.wb_txt01 span {margin-left: 5px;}
.wb_txt p {text-align: center; margin-bottom: 15px;}
.wb_txt01 p {max-width: none;}
.wb_txt p br.mbn {display: block;}
.wb_txt00 .wb_btn {text-align: center;}
.wb_btn a {line-height: 40px; font-size: 14px;}
.wb_btn a.btn_y {margin-left: 0}

.info_wrap {padding-left:0;}

}

.joo04.associated .printFont01 {z-index: 3;}

/*20171120 교육신청조회 페이지 추가 dj*/
.exBox {display: block;}
.extableArea {}
.extableArea {border-top:3px solid #444; border-collapse: separate; width: 100%;}
.extableArea th, .extableArea td { border-bottom:1px solid #ddd;padding: 15px;}
.extableArea th {background: #f0f5f9; font-size: 16px; color: #3c3644; width: 128px; letter-spacing: -0.04em}
.edulistBtnarea {overflow: hidden;}
.exText1 {max-width: 258px; width: 100%}
.exTel1s {max-width: 60px; width: 100%;}
.exTel1, .exTel2, .exTel3 {max-width: 90px; width: 100%; display: inline-block;}
.exEmail1, .exEmail2, .exEmail3 {max-width: 128px; width: 100%; display: inline-block;}
.edulistBtnarea {padding: 30px 0; text-align: center;}
.edulistBtn {display: inline-block; max-width: 244px; width: 70%; padding: 18px; text-align: center; cursor: pointer; font-size: 16px; font-weight: bold;}
.exblue {background: #00649b; color:#fff;}
.exDarkGray {background: #414141; color:#fff;}
.exOrange {background: #fd5e01; color:#fff;}
.exGlay {background: #878787; color:#fff;}
.exHover {background: #fff url('../images/etc/arrow_gray.png') no-repeat 90% center; color:#222; border:1px solid #ddd; text-align: left;}
.exHover:hover, .exHover.on {background: #ff8b24 url('../images/etc/arrow_white.png') no-repeat 90% center; color:#fff; border:1px solid #ff8b24;}
.exdarkblue {background: #5e647c; color: #fff;}
.exGreen {background: #4aac08; color:#fff;}
.exBig {padding: 21px;}
.exBorder {border-top:1px solid #ddd; border-bottom: 1px solid #ddd; }
.exBorder .edulistBtnarea {padding:30px 0 50px; border-bottom: 1px solid #ddd}
.exRel {overflow: hidden;}
.exRel h4.titleh4 {padding:0;}
.edulistBtnarea.fl-r {text-align: right;}
.edulistBtnarea.fl-r .edulistBtn {margin-left: 14px;}
.exRel .titleh4 {float: left; padding: 18px 0; margin-top:34px;}
.exRel .titleh4 a img {vertical-align: middle; margin-left: 6px;}
.edulistArea {border-top:3px solid #405875; margin-bottom: 20px;}
.edulistArea ul li {position: relative; padding:20px 300px 20px 30px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;background: #fff; overflow: hidden;}
.edulistArea ul li.on {background: #f8f9fb;}
.edulistArea ul li label {display: inline-block; width: 55px; height: 25px; line-height: 25px; font-size:14px; margin-right: 10px; text-align: center;}
.edulistArea ul li h3 {font-size:16px; color:#272727; display: inline;}
.edulistArea ul li p {padding:12px 10px 0 0; line-height: 1.3}
.edulistArea ul li p span {margin-right: 60px; color:#666; display: inline-block;}
.edulistArea ul li p span strong:after {content: ' · ';}
.edulistArea ul li .edulistBtnarea {position: absolute; top:14px; right: 30px; z-index: 6;}
.edulistArea ul li .edulistBtnarea .edulistBtn,.btn-org01.bnt02.new-size {width: 92px; height: 38px; line-height: 38px; display: inline-block; margin-left: 5px;font-size:14px; padding:0; vertical-align: top;}
a.edulistBtn_small {width:auto;font-size:14px;font-weight:normal;max-width:100%;padding:10px 34px;height:auto;line-height:1.1;min-height:auto; display: inline-block;vertical-align: top;}
.edulistArea ul li .edulistContents {display: none; padding:20px; background: #fff; border:1px solid #ddd; margin-top: 20px; line-height: 1.4}
.edulistArea ul li .edulistBtnarea .edulistOpner {background:  url(../images/academy_edu/open.gif) no-repeat 0 0; width: 38px; height: 38px; display: inline-block;vertical-align: top; text-indent: -9999px; overflow: hidden; text-align: left; margin-left: 20px; cursor: pointer;}
.edulistArea ul li.on .edulistBtnarea .edulistOpner {background: url(../images/academy_edu/close.gif) no-repeat 0 0; }
.fullscreenBlack {position: fixed; top:0; left:0; right:0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.8;filter:alpha(opacity=80); z-index: 9998;}
.agree_contents,
.eduPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    /* margin-top: -250px; */
	transform: translateY(-50%);
    margin-left: -300px;
    width: 600px;
    background: #fff;
    z-index: 9999;
    max-width: 100%;
}

.eduPopup header {
	position: relative;
	width: 100%;
	height: auto;
	box-shadow: none;
}


.agree_contents {margin:5px;width:550px; top:50%; left:50%; margin-left:-275px; transform: translateY(-50%);}
.agree_btn > .edulistBtn  {max-width:90%;}
.eduPopupClose, .agreePopupClose {position: absolute; top:0; right: 0; width: 60px; height: 60px; display: block;text-indent: -9999px; overflow: hidden; text-align: left; cursor: pointer; background: url(../images/academy_edu/xbtn.png) no-repeat 0 0; z-index: 1000;}

.eduPopup h2 { background:#405875 ;font-size: 25px; height: 60px; line-height: 60px; padding-left: 20px; font-weight: bold; color:#fff; text-align: left;}
.eduPopup h2 .share_link {position: absolute; left: -100000px;}
.eduPopup h2 .btn-share {font-size: 14px; color: #fff; font-weight: bold; padding: 3px 5px; border: 1px solid #fff; border-radius: 20px;}
.eduPopupInner {padding:20px 20px;}
.eduPopupInner .edulistBtnarea {padding:30px 0 10px;}
.eduPopupInner > ul {padding-bottom: 10px;}
.eduPopupInner > ul > li {padding-left:10px; position: relative; font-size:14px; letter-spacing: -0.03em; margin-bottom:10px;line-height:1.5;}
.eduPopupInner > ul > li:before {position: absolute; top:8px; left:0; width: 4px; height:4px; background: #405875; display: block; border-radius: 50%; content: '';}
.exPopupbtn {background: #5e647c; color:#fff; font-size:14px; text-align: center; height: 38px; line-height: 38px; padding:0; width: 140px; margin:0px 10px 20px 0;}
.eduPopupInner .exEmail1, .eduPopupInner .exEmail2, .eduPopupInner .exEmail3 {width: 120px;}
.exEmail3 {margin-left: 6px;}
.eduMsg {font-size:14px; font-weight: bold; text-align: right; color:#405875; padding-bottom: 10px;}
.eduMsg b,  .extableArea th b, .extableArea td b {color:#fd5e01; font-weight: bold;}
.eduWrite {padding: 20px 0 0;}
.eduWrite table th, .eduWrite table td {min-height: 62px; line-height:1.3; word-break: keep-all;}

.eduRead {padding: 20px 0 0;}
.eduRead table th, .eduRead table td {min-height: 62px; line-height:1.3; word-break: keep-all;}
.exText_s {width: 80px;}
.exText_ss {width: 40px; margin-left: 10px;}
.exText3 {width: 80%;}
.exText4 { width: 100%;}
.eduWrite table th {width: 180px;}
.eduWrite table td span {margin-left:14px; color:#ec6c07;}
.eduWrite .exGlay {margin-left: 14px;}
.eduInBtn {height: 34px; line-height: 34px; background: #878787; color:#fff; padding:0 10px;}
.exRel2 {margin-top: 30px;}
.exRel2 .titleh4 {margin-top: 10px; margin-bottom:20px;}
.exRel2 .titleh4 a {margin-left: 10px;}
.exRel2 .edulistBtnarea {padding:20px 0 0;}언론피해 구제 및 예방교육
.eduWrite table span.point-org {margin:0; display: block;}
.eduWrite table .icon.impor {display:inline-block; width:14px; height:14px; margin-right:5px; background-position:-495px -155px;}
.eduWrite table input[type=file] {width: 40%; height: 34px;}
.exMsgbox { overflow: hidden;border-bottom: 1px solid #ddd; padding-bottom: 50px; margin-bottom: 50px;}
.exMsgbox p {padding-left: 32px; background: url(../images/academy_edu/edu_point.gif) no-repeat 0 0; min-height: 21px; line-height: 1.3; vertical-align: middle; display: inline-block; margin-top: 4px;}
.exMsgbox a {display: inline-block; float: right; background: #878787; color: #fff; padding:10px 40px; font-size: 14px; vertical-align: middle; margin-right: 30px;}
.exTopbox {border:1px solid #ddd; border-top:3px solid #405875; padding:20px 30px; overflow: hidden; margin-bottom: 30px}
.exTopbox p {display: inline-block; vertical-align: -12px; font-weight: normal; margin-bottom: 10px; line-height: 1.3}
.exTopbox .edulistBtnarea {padding:0; float: right;}
.exTopbox .edulistBtnarea a {background:#878787;}

@media screen and (max-width: 500px) {
	.agree_wrap>.agree_box>div.btn_wrap>ul {
		display: flex;
		justify-content: center;
		gap: 10px;
		float: none;
		width: 100%;
		text-align: center;
		padding: 20px 0 10px;
	}
}
@media screen and (max-width: 496px) {
	.eduPopup table td {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 5px;
	}
	.eduPopupInner .exEmail2 {
		width: calc(100% - 143px);
		max-width: unset;
	}
	.eduPopupInner .exText1,
	.eduPopupInner .exEmail3 {
		width: 100%;
		max-width: unset;
	}
	.eduPopupInner .exEmail3 {
		margin-top: 10px;
		margin-left: 0;
	}
}
@media screen and (max-width: 430px) {
	.edulistBtn {
		width: 100%;
	}

	.edulistBtnarea .edulistBtn.btn_ok {max-width: 150px;}
}
@media screen and (max-width: 342px) {
	.mgz_btn .btn_o {
		width: 100%;
		max-width: unset !important;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.mgz_btn .btn_g {
		width: 100%;
		max-width: unset !important;
	}
}
@media screen and (max-width: 332px) {
	.eduPopup .edulistBtn {
		max-width: unset !important;
	}

	.edulistBtnarea .edulistBtn.btn_ok {
		max-width: 150px !important;
	}
}


/* 전자 결제 */
h4.titleh4 > i.icon.rect {display: inline-block;
	width: 10px; height: 10px;
    margin-right: 5px;
    border-radius: 2px;background:#feb324;}

.auth_wrap {padding-top:50px; margin-bottom:50px;}
.auth_wrap .tbl {display:table; width:100%;text-align:center; vertical-align:middle;}
.auth_wrap .tbl .tbl_td {display:table-cell; }
.auth_wrap .tbl .tbl_td a {display:table; width:98%; background:#fcf5e8; padding:20px 0; float:left;}
.auth_wrap .tbl .tbl_td:last-child a{background:#f7f9fb; float:right;}
.auth_wrap .tbl .tbl_td div {display:table-cell; vertical-align:middle; padding:0 20px;}
.auth_wrap .tbl .tbl_td div.img_box{text-align:right;}
.auth_wrap .tbl .tbl_td div.txt_box{text-align:left;}
.auth_wrap .tbl .tbl_td div.txt_box span {font-weight:bold; font-size:22px}
.auth_wrap .electro_tbl th, .auth_wrap .electro_tbl td {text-align:center;}


.electro.tab_list {display:table; width:100%; text-align:center; margin-bottom:50px;}
.electro.tab_list li {display:table-cell; width:25%; padding:25px 0; background:#f0f5f9; font-size:18px; font-weight:bold;}
.electro.tab_list li.act {position:relative; background:#feb324; color:#fff;overflow:hidden;}
.electro.tab_list li.act:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    right: 0px;
    top: -1px;
	background:#f0f5f9;
    border-left: 35px solid #feb324;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
}
.electro.tab_list li:last-child:before {
	border:none !important;
	background:none !important;
}
.electro.tab_list.st_2 li.act a{color:inherit;}

.electro_tbl {margin-bottom:50px;}
.electro_tbl .radio_list {width:100%;}
.electro_tbl .radio_list li {display:inline-block; margin-right:10px;}
.electro_tbl th {text-align:left; padding:15px 40px;}
.electro_tbl th > span {display:block; margin-top:10px; font-weight:400; line-height:1.4;}
.electro_tbl select { max-width:108px; width:30%;}

.eduWrite table.electro_tbl td span.select_date {display:inline-block; margin-left:5px; margin-right:20px; color:#000; }
.electro_tbl input[type="text"]:disabled {background:#fff;}
.electro_tbl .zip_btn {padding:10px; background:#878787; color:#fff;}
.electro_tbl .zip_btn:hover {background:#ccc; }

.electro_tbl input.exText {max-width:80%; width:100%;}
.electro_tbl input.adress {max-width:45%;}
.electro_tbl input[type="file"] {display:none;}
.electro_tbl .file_list li {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.electro_tbl .file_list li:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0;}
.electro_tbl .file_list li:first-child a.btn_del{ display:none;}
.electro_tbl .file_list li .add_file {display:none;}
.electro_tbl .file_list > li:last-child > .add_file {display:inline-block;}
.electro_tbl .btn{padding:7px 15px;}

.exArea {position:relative; margin-bottom:40px;}
.exArea a.ex_btn {padding:10px 15px; position:absolute; top:0; right:0;}
.exArea button.ex_btn { position:absolute; top:0; right: 0;}
.exArea textarea, .electro_txtarea {width:100%; min-height:400px; border:1px solid #ccc;}
.extableArea  textarea {width:100%; height:100px; border:1px solid #ccc; padding:10px;}
@media screen and (max-width: 1080px){
	.edulistArea ul li  {padding-right: 30px}
	.edulistArea ul li .edulistBtnarea {position: relative; top: auto; right: auto; float: right; padding:10px 0 0 ;}
	.edulistArea ul li .edulistContents {margin-top: 70px;}
	.edulistArea ul li .edulistBtnarea .edulistOpner {margin-left: 10px;}

	.tab_list.electro.st_2 {overflow: hidden;}
	.tab_list.electro.st_2 li{display: block; position: relative; height: 80px; float: left;width: 33.333% !important; font-size: 18px;}
	.tab_list.electro.st_2 li span{position: absolute; width: 100%; display: block; top:50%; left: 0; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
	.tab_list.electro.st_2 li.act span{padding-right: 20px}
	.tab_list.electro.st_2 li a{display: inline-block; vertical-align: middle;}
}
@media screen and (max-width: 800px){
	.extableArea {}
	.edulistBtn {max-width: 150px; padding:15px 0;}
	.exHover {padding-left: 20px;}
	.edulistBtnarea.fl-r .edulistBtn {margin-left: 8px;}
	.exPopupbtn {padding: 0;}
	.edulistArea ul li, .exTopbox {padding:15px;}
	.edulistArea ul li p span {margin-right:30px; }
	.exMsgbox a {margin-right: 15px;}
	.tab_list.electro.st_2 li{font-size: 16px;}



	/* 전자 결제 */
	.auth_wrap .tbl .tbl_td {display:inline-block; width:100%; padding-bottom:10px;}
	.auth_wrap .tbl .tbl_td a {width:100%;}
}
@media screen and (max-width: 600px){
	.edulistArea ul li label {display: none;}
	.acedu_tab ul li a {font-size:16px; letter-spacing: -0.07em}
	body {min-width: 320px;}
	.edulistArea ul li p {padding:0px;}
	.edulistArea ul li span {display: block; line-height: 1.5; margin-right: 0}
	/*팝업사이즈조절*/
	.eduPopup {margin-left: 0; margin:0; top:50%;left:10px; right: 10px; transform: translateY(-50%); width: auto; max-height: 96%; overflow: auto;}
	.agree_contents{top:50%; width:90%;margin:auto;}
	.eduPopupInner {padding:15px 15px 30px;}
	.eduPopupInner > ul {padding-bottom: 0}
	.eduPopupInner > ul > li {line-height: 1.3; font-size:13px;}
	.eduPopupInner > ul > li:before {top:6px;}
	.eduPopup h2 {height: 40px; line-height: 40px; font-size:18px;}
	.eduPopupClose,  .agreePopupClose {width:40px; height: 40px; background-size: 100%}
	.eduWrite table, .eduWrite table thead, .eduWrite table tbody, .eduWrite table tr, .eduWrite table th, .eduWrite table td,
	.exBox .extableArea table, .exBox .extableArea thead, .exBox .extableArea tbody, .exBox .extableArea tr,
	.exBox .extableArea th, .exBox .extableArea td,
	.eduPopup table, .eduPopup table thead, .eduPopup table tbody, .eduPopup table tr, .eduPopup th, .eduPopup td {display: block;}
	.eduPopup table th, .eduPopup table td {font-size:14px; width: 100%; max-width: 100%; text-align: left;}
	.eduPopup table {border-top:1px solid #ccc; background: #f0f5f9}
	.eduPopup table th {border-bottom: 0; padding:15px 20px 0 20px;}
	.eduPopup table td {border-bottom: 1px solid #ccc; padding: 10px 20px 20px 20px;}
	.exBox .extableArea table {border-top:1px solid #ccc; }
	.exBox .extableArea th, .exBox .extableArea td, .eduWrite table th, .eduWrite table td {min-height: auto}
	.exBox .extableArea th, .eduWrite table th {border-bottom:0; padding:15px 15px 0 15px; text-align: left; width: auto; max-width: auto; background: #fff}
	.exBox .extableArea td, .eduWrite table td {border-bottom:1px solid #ccc; padding:15px; background:#fff }
	.exBox .extableArea td span, .eduWrite table td span {display: block; margin-left: 0; margin-top: 8px;}

	.eduRead.exBox th{ background: #f7f7f7; padding-bottom: 15px; border-bottom: 1px solid #cccccc; }
	.exPopupbtn {margin-bottom: 10px; }
	/*.exBox .extableArea .exEmail3 {margin-left: 0; margin-top: 10px;}*/
	.exRel .titleh4 {float: none; margin-top: 0; padding-bottom: 0}
	.exBorder .edulistBtnarea {padding:10px 0 30px;}
	.edulistBtnarea {padding-top: 10px}
	.exRel2 .titleh4 { margin-bottom: 10px }
	.exRel2 .edulistBtnarea {padding-bottom: 20px;}
	.edulistArea ul li label {width: auto; padding:0 6px; margin-right: 4px; line-height: auto}
	.edulistArea ul li h3 {padding-bottom: 10px; display: inline-block;}
	.edulistArea ul li p:first-child {margin-top: 10px;}
	.eduInBtn {margin-top: 0 !important}

	.wb_txt01 h4 {flex-direction: column;}


}
@media screen and (max-width: 541px){
	.eduPopup .eduInBtn {margin-top: 10px !important}
	.exMsgbox a {margin-top: 16px;}

}
@media screen and (max-width: 499px){
	.link_wrap ul > li > p {min-height:60px;}
	.info_wrap .pc_contents {display:none;}
	.info_wrap .pc_contents th, .info_wrap .pc_contents td {padding:10px 5px; font-size:12px;word-break:normal;}
	.info_wrap .mobile_contents {display:block;}
	.info_wrap .mobile_contents tbody {border-top: 2px solid #333;}
	.info_wrap .mobile_contents{ border-top:none;border-bottom:2px solid #333;}
}
@media screen and (max-width: 458px){
	.exBox .extableArea td .exEmail3, .eduWrite table td .exEmail3{margin-top: 10px; margin-left: 0}
	.acedu_tab ul li a {padding-left: 0.5em}
}
@media screen and (max-width: 443px){
	.eduPopup .exEmail3 {margin-top: 10px; margin-left: 0}
}
@media screen and (max-width: 430px){
	/*팝업사이즈조절*/
	.eduPopup .eduInBtn {margin-top: 10px !important}
	.exTel1, .exTel2, .exTel3 {width: 30%; max-width: 70px;}
	.eduPopup table th {border-bottom: 0; padding:10px 14px 0 14px;}
	.eduPopup table td {border-bottom: 1px solid #ccc; padding: 5px 14px 10px 14px;}
	.exEmail3 {margin-top: 10px; margin-left: 0}
	.link_wrap ul > li > p {min-height:85px;}
}
@media screen and (max-width: 332px){
	.eduPopup .edulistBtn {max-width: 142px;}
	.edulistBtnarea.fl-r .edulistBtn {margin-left: 4px;}
}



/*언론피해상담 및 조정중재 신청방법 내용추가 joo*/
.form_info_box {float:left; width:50%;    padding: 0 20px;}
.sub-container-all .form_info_box h3 {font-size:16px; text-align:center;border-bottom:1px solid #999999; padding: 20px 0 ;}
.sub-container-all .form_info_box.left h3 {border-top:3px solid #feb324;}
.sub-container-all .form_info_box.right h3 {border-top:3px solid #e95d33;}
.form_info_box h4 {font-size:16px; margin-bottom:12px;}
.form_info_box > div {padding:20px 30px; border-bottom:1px solid #999999; display:table; width:100%; table-layout:fixed;}
.form_info_box > div.box01 {background: #f8f9fb;}
.form_info_box > div > div {display:table-cell; vertical-align:middle;}
.form_info_box > div p {margin-bottom:20px; line-height:1.5;}

@media screen and (max-width:767px){
.form_info_box {width:100%; padding:0; }
.form_info_box.left {margin-bottom:30px;}
.sub-container-all .form_info_box.left h3 {padding:10px 0;}
.form_info_box > div {padding:20px;}
.form_info_box > div > div {display:block;}
}
/**/
.consult-wrap .box4.joobox0410 .box4-1,
.consult-wrap .box4.joobox0410  .box4-2 {padding-left:20%;}
.consult-wrap .box4.joobox0410 .box4-1.box4-11 {padding-left:0; clear:both;}
.consult-wrap .box4.joobox0410 .box4-1 p,
.consult-wrap .box4.joobox0410  .box4-2 p {text-align:center;}
.consult-wrap .box4 .box4-11 p {height:auto !important; padding:20px 10px 19px !important; width:20% !important; text-align:center;}
.consult-wrap .box4 .box4-11 ul {height:auto !important; width:80% !important;}
@media screen and (max-width:767px){
.consult-wrap .box4.joobox0410 .box4-0 {display:none;}
.consult-wrap .box4 .box4-1 ul li,
.consult-wrap .box4 .box4-2 ul li {padding:13px 10px 12px 10px;}
.consult-wrap .box4.joobox0410 .box4-1,
.consult-wrap .box4.joobox0410  .box4-2 {padding-left:0}
.consult-wrap .box4 .box4-11 p ,
.consult-wrap .box4 .box4-11 ul  {width:100% !important;}
}
.vt-info .box3 .box3-con .box3-con-box1 .icon7 { background-position:-696px -652px; }
.vt-info .box3 .box3-con .box3-con-box1 .icon8 { background-position:-812px -652px; }

/**/
.sr_b02 {margin-left:10px;}
@media screen and (max-width:575px){
	.sr_b02 {margin-left:0px; margin-top:10px; display:block;}
}

/*0420 동영상넣기 joo*/
.joobox0420:after {content:''; clear:both; display:block;}
.wrap_embed-container {max-width:520px; float:left; width:43%; padding-right:3%}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;   }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wrap_right0420 {float:left; width:57%;}
@media screen and (max-width:1024px){
.wrap_embed-container,
.wrap_right0420 {width:100%;}
.wrap_embed-container {margin-bottom:30px;}
}

/*0612 joo*/
.consult-wrap .box3  .joo_b02 a {margin-top:10px;}
#pop_jojung {display:none; position: fixed; top:40px; left:100px; right:100px; bottom:40px;width:auto;   margin: 0; background: none; }
#pop_jojung > div {position: relative; padding-top:60px; height: 100%;max-width:1100px; margin:0 auto;  background: #fff;}
#pop_jojung  h2 {position: absolute; top:0; left:0; right:0;}
#pop_jojung .joobox0410 {padding:0;    height: 100%; overflow-y: scroll;}
@media screen and (max-width:1024px){
#pop_jojung { left:2%; right:2%; }
}
@media screen and (max-width:600px){
#pop_jojung > div {padding-top:40px;  }
}

/* style*/
.lit { line-height:2.5;}

/*190226*/
.consult-wrap .box4.joobox0410  .box4-1.autoimp p {height:auto !important; line-height:1.5;padding-top:17px; padding-bottom:15px;}
.consult-wrap .box4 .box4-1.autoimp ul {height:auto;}
@media screen and (max-width: 1217px){
.consult-wrap .box4 .box4-1.autoimp ul li {padding-top:18px; padding-bottom:19px;height:80px;}
.consult-wrap .box4.joobox0410 .box4-1.autoimp p {height:160px !important;}
}
@media screen and (max-width: 1024px){
.consult-wrap .box4 .box4-1.autoimp ul li {padding-top:14px; padding-bottom:15px;}
}
@media screen and (max-width: 768px){
.consult-wrap .box4.joobox0410 .box4-1.autoimp p {height:auto !important;}
.consult-wrap .box4 .box4-1.autoimp ul li {height:auto;}
}


/*academy edu renewal*/
.sub-container-all .new-title {font-size: 18px; color:#272727; font-weight: bold;padding-bottom: 20px; margin-top: 45px;}
.sub-container-all .new-title:first-child {margin-top: 0}
.sub-container-all .new-text {font-size: 14px; color:#666; padding-bottom: 20px; line-height: 1.6}
.sub-container-all .new-desc {background: #f8f9fb; padding:20px; margin-bottom: 20px;}
.sub-container-all .new-desc ul li {margin-bottom: 20px;}
.sub-container-all .new-desc ul li:before {content:'■'; margin-right: 5px; font-size: 12px; color:#2f2f2f; vertical-align: bottom;display: inline-block;}
.sub-container-all .new-desc ul li:last-child {margin-bottom: 0}
.sub-container-all .new-btn-big {display: inline-block; width: 264px; height: 50px; line-height: 50px; background: #fd5e01; color:#fff; font-size: 16px; font-weight: bold; text-align: center; float: right;}
.new-row {overflow: hidden;}
.pb50 {padding-bottom: 50px;}
.pb20 {padding-bottom: 20px;}
.edulistArea ul li .edulistBtnarea .edulistBtn.new-size {width: 70px; margin-left: 14px}
.btn-org01.bnt02.new-size {width: 70px; margin-left: 14px}
.edulistOpnerBtn {background: #6aab1f; color:#fff;}
.new-point:before {background:url(../images/icon/exc.gif) no-repeat 0 0;width: 22px; height: 22px; display: inline-block; vertical-align: top; content: ''; position: absolute; top:0;left: 0}
.new-point {padding-left: 32px; position: relative;display:block; min-height: 22px;padding-top: 3px;}
span.new-point {display: inline-block; }


.dp_ib{display:inline-block; width: auto;}


@media screen and (max-width: 768px){
	.sub-container-all .new-btn-big {margin-top: 20px; width: 100%}
}


/* 20191011 신령주 */
.adr-wrap1011 .titleh4 {margin-bottom:10px;}
.adr-wrap1011 h4.titleh4 > i.icon.rect {position:relative; top:-3px; margin-right:7px;}
.adr-wrap1011 .titleY {margin-left:20px;}
.adr-wrap1011 .extableArea {margin-bottom:40px; margin-top:20px; margin-left:20px;}
.adr-wrap1011 .eduWrite {padding:0;}
.adr-wrap1011 .exArea textarea, .adr-wrap1011 .electro_txtarea {margin-bottom:40px; margin-top:20px;}
.adr-wrap1011_02 .titleY {margin-left:0;}
.adr-wrap1011_02 .exArea {padding-left:20px;}
.adr-wrap1011_02 .exArea textarea, .adr-wrap1011_02 .electro_txtarea {margin-top:10px;}
.adr-wrap1011 .pl20 {padding-left:20px;}

/*2020. 09. 14 이보람 */
.form .agreeChk{margin: 5px 0 10px;}
.form label{white-space: nowrap;}
.form label input{margin-right: 5px}
.form .row ,
.form .row_15 {overflow: hidden; width: 90%}
.form .row > span,
.form .row_15 > span{display: block;}
.form .row > [class*=col_],
.form .row_15 > [class*=col_]{float: left;}
.form .row > [class*=col_],
.form .row_15 > [class*=col_] {padding-right: 20px; position: relative;;}
.form .row > [class*=col_] .sp_text,
.form .row_15 > [class*=col_] .sp_text {position: absolute; top: 50%; right:0; width: 20px; transform:translateY(-50%); margin-top: 0; color:#222; text-align: center; display: inline-block;}

.row .col_1 { width: 8.33333%; }
.row .col_2 { width: 16.66667%; }
.row .col_3 { width: 25%; }
.row .col_4 { width: 33.33333%; }
.row .col_5 { width: 41.66667%; }
.row .col_6 { width: 50%; }
.row .col_7 { width: 58.33333%; }
.row .col_8 { width: 66.66667%; }
.row .col_9 { width: 75%; }
.row .col_10 { width: 83.33333%; }
.row .col_11 { width: 91.66667%; }
.row .col_12 { width: 100%; }

.row_15 .col_1 { width: 6.66667%; }
.row_15 .col_2 { width: 13.33333%; }
.row_15 .col_3 { width: 20%; }
.row_15 .col_4 { width: 26.66667%; }
.row_15 .col_5 { width: 33.33333%; }
.row_15 .col_6 { width: 40%; }
.row_15 .col_7 { width: 46.66667%; }
.row_15 .col_8 { width: 53.33333%; }
.row_15 .col_9 { width: 60%; }
.row_15 .col_10 { width: 66.66667%; }
.row_15 .col_11 { width: 73.33333%; }
.row_15 .col_12 { width: 80%; }
.row_15 .col_13 { width: 86.66667%; }
.row_15 .col_14 { width: 93.33333%; }
.row_15 .col_15 { width: 100%; }

@media screen and (max-width: 1024px) {
	.row .col_md_1 { width: 8.33333%; }
	.row .col_md_2 { width: 16.66667%; }
	.row .col_md_3 { width: 25%; }
	.row .col_md_4 { width: 33.33333%; }
	.row .col_md_5 { width: 41.66667%; }
	.row .col_md_6 { width: 50%; }
	.row .col_md_7 { width: 58.33333%; }
	.row .col_md_8 { width: 66.66667%; }
	.row .col_md_9 { width: 75%; }
	.row .col_md_10 { width: 83.33333%; }
	.row .col_md_11 { width: 91.66667%; }
	.row .col_md_12 { width: 100%; }
}
@media screen and (max-width: 800px){
	.eduWrite .form  table.electro_tbl td span.select_date{margin-right: 5px}
	.eduWrite .form .adr-wrap1011 .extableArea  {margin-left: 0 !important}
	.form .electro_tbl th {padding-left:15px; padding-right:15px }
  .form .exEmail1,
  .form .exEmail2,
  .form .exEmail3{max-width: 90px;}
	.form  .btn_cal{margin-right: 5px}

	.eduWrite .form table td .exEmail3{margin-top: 0px;}
}
@media screen and (max-width: 600px){
	.form .line_right{ padding-bottom:0px; padding-right: 150px; position: relative;}
	.form .agreeChk{margin-left: -15px; margin-right: -15px; padding: 0 15px; margin-bottom: 0}
	.form .dittoBtn{position: absolute;top: 15px; right: 30px}
	.form .dittoBtn.lst_1{position: absolute; top:50%; right:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); margin-top: 0 !important;}
	.form .ditto_box{position:relative; }

	.form .exBox .extableArea th, .eduWrite .form table th{background: #f7f7f7; padding-bottom: 15px;  border-bottom: 1px solid  #cccccc;}

	.row .col_sm_1 { width: 8.33333%; }
	.row .col_sm_2 { width: 16.66667%; }
	.row .col_sm_3 { width: 25%; }
	.row .col_sm_4 { width: 33.33333%; }
	.row .col_sm_5 { width: 41.66667%; }
	.row .col_sm_6 { width: 50%; }
	.row .col_sm_7 { width: 58.33333%; }
	.row .col_sm_8 { width: 66.66667%; }
	.row .col_sm_9 { width: 75%; }
	.row .col_sm_10 { width: 83.33333%; }
	.row .col_sm_11 { width: 91.66667%; }
	.row .col_sm_12 { width: 100%; }

	.row_15 .col_sm_1 { width: 6.66667%; }
	.row_15 .col_sm_2 { width: 13.33333%; }
	.row_15 .col_sm_3 { width: 20%; }
	.row_15 .col_sm_4 { width: 26.66667%; }
	.row_15 .col_sm_5 { width: 33.33333%; }
	.row_15 .col_sm_6 { width: 40%; }
	.row_15 .col_sm_7 { width: 46.66667%; }
	.row_15 .col_sm_8 { width: 53.33333%; }
	.row_15 .col_sm_9 { width: 60%; }
	.row_15 .col_sm_10 { width: 66.66667%; }
	.row_15 .col_sm_11 { width: 73.33333%; }
	.row_15 .col_sm_12 { width: 80%; }
	.row_15 .col_sm_13 { width: 86.66667%; }
	.row_15 .col_sm_14 { width: 93.33333%; }
	.row_15 .col_sm_15 { width: 100%; }
	/* write2 페이지 매체목록 찾기 버튼 text박스 1라인 정렬용 */
	.mo_dp_ib{display:inline-block; width: auto;}
}
@media screen and (max-width: 400px){
	.eduWrite .form  table.electro_tbl td span.select_date{margin-right: 0px}
}

.cust_tbl_box {
	border-top: 1px solid #d8d8d8;
}
.cust_tbl_box th {
	background: #f0f5f9;
	padding: 35px;
	min-width: 220px;
}
.cust_tbl_box th .btn {
	display: block;
	width: 100%;
}
.cust_tbl_box th .btn + .btn {
	margin-top: 25px;
}
.cust_tbl_box .bef_middot_area {
	padding-left: .75em;
	line-height: 1.5;
}
.cust_tbl_box .bef_middot_area + .bef_middot_area {
	margin-top: 7px;
}
.cust_tbl_box .bef_middot {
	display: inline-block;
	text-indent: -.75em;
	padding-left: .75em;
	position: relative;

}
.cust_tbl_box .bef_middot_area .btn-gray {
	width: auto; height: auto; line-height: 1.5;
	padding: 5px 9px; border-radius: 3px;
	margin: 0 4px
}
.cust_tbl_box .bef_middot::before {
	content:''; display: block;
	position: absolute; top: 50%; left: -.75em;
	transform: translateY(-50%);
	width: 3px; height: 3px; background-color: #272727;
	border-radius: 50%;
}
.bef_middot_box.custom {
	 padding: 30px 35px;
}
@media all and (max-width: 767px) {
	.cust_tbl_box table, .cust_tbl_box td, .cust_tbl_box th {
		display: block; width: 100%;
	}
	.cust_tbl_box th .btn-gray {
		display: inline-block; width: 48%;
	}
	.cust_tbl_box th .btn-gray + .btn-gray {
		margin-top: 0;
		margin-left: 1%;
	}
	.bef_middot_box.custom {
		 padding: 30px 20px;
	}
}
.jst_guide_wrap .bef_minus_box {
	margin: 10px 0;
}
.jst_guide_wrap .bef_minus {
	padding-left: 25px;
	position: relative;
	line-height: 1.5;
}
.jst_guide_wrap .bef_minus + .bef_minus {
	margin-top: 5px;
}
.jst_guide_wrap .bef_minus::before {
	content:'-'; display: inline-block;
	position: absolute; top: 0em; left: 15px;
}
.dot-black.custom::before {
	display: none;
}
.dot-black.custom {
	line-height: 1.5;
}
.dot-black.custom > .square {
	position: relative;
	display:unset;
	padding-left: 13px;
	white-space: normal;
}
.dot-black.custom > .square::before {
	content:''; display: block; width: 5px; height: 5px;
	position: absolute; top: 5px; left: 0;
	background-color: #2f2f2f;
}




.his_tab{
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin: 34px auto 80px;
}

.his_tab a{
    width: 49.5%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border: 1px solid #999;
    text-align: center;
    font-size: 18px;
    height: 3em;
    font-weight: 800;

}
.his_tab a:hover{
    border-color: #884cb6;
    color: #884cb6;
}
.his_tab a.on{
    background-color: #884cb6;
    border-color: #884cb6;
    color: #fff
}

@media screen and ( max-width:750px) {
		.his_tab{
			margin: 24px auto 40px;
		}
    .his_tab a{
        font-size: 14px;
    }
}


/* ***** 간행물검색 ***** */

.magazine-search-wrap .ms-tab{overflow: hidden; display: block; width: 100%;}
.magazine-search-wrap .ms-tab ul.bgG {overflow: hidden; display: block; width: 100%;}
.magazine-search-wrap .ms-tab ul.bgG li{width:33.3333%; float: left;}
.magazine-search-wrap .ms-tab ul.bgG li a{margin: 0; display: block; height: 70px; padding-top: 25px; line-height: 1.2; font-size: 18px; background: #f0f5f9; text-align: center; border-color: #ccc; color: #222; width: 100%; border: 1px solid #ddd;}
.magazine-search-wrap .ms-tab ul.bgG li:not(:first-child) a{border-left:0; }
.magazine-search-wrap .ms-tab ul.bgG li a.active,
.magazine-search-wrap .ms-tab ul.bgG li a:hover{background-image: url(); background-color: #78b037; color: #fff;}

.magazine-search-form{display: block; margin-top: 42px; padding: 25px 0; background-color: #f8f9fb; border-top: 2px solid #222; border-bottom: 1px solid #999;}
.magazine-search-form ul{ width: 100%; table-layout: fixed; }
.magazine-search-form ul > li{display: table; width: 100%; table-layout: fixed; padding:5px 70px;}
.magazine-search-form ul > li > span,
.magazine-search-form ul > li > label{display: table-cell; vertical-align: middle;}
.magazine-search-form ul > li > span > span{display: inline-block; margin: 5px 0;}

.magazine-search-form ul > li > label{width: 160px;	color: #3c3644; font-size: 16px; font-weight: 700;}
.magazine-search-form ul > li > label::before{content: '\25A0'; display: inline-block; transform: scale(0.4);}
.magazine-search-form ul > li .tc_1{color:#0091ea; line-height: 1.4;}

.magazine-search-form select.sel{
	max-width: 500px;
	padding: 0 0.5em;
	border: solid 1px #ddd;
	background-repeat: no-repeat !important;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' data-png-path='../images/common/sect_arrow_down.png' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' enable-background='new 0 0 10 10' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23222222' d='M8.125,3.638c-0.979,1.12-1.959,2.24-3.269,3.736 C3.548,5.878,2.569,4.758,1.589,3.638C3.768,3.638,5.946,3.638,8.125,3.638z'/%3E%3C/svg%3E") !important;
	background-position: top 50% right 0.5em !important;
	background-size: 1em 1em !important;
	font-size: 14px !important;
	height:35px;
}
.magazine-search-form select::-ms-expand{
	display:none; /* 화살표 없애기 for IE10, 11*/
}
.magazine-search-form select{
	-webkit-appearance: none;
	-moz-appearance: none;
		 appearance: none;
 	-webkit-border-radius: 0;
}
.magazine-search-form .year select.sel{

	max-width: 140px; width: 100%;
}
.magazine-search-form input.full{max-width: none;}
.magazine-search-form input{
	appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	width: 100%; max-width: 500px; border: solid 1px #ddd; font-size: 14px; height:35px; padding: 0 0.5em;}
.magazine-search-form .btn_search{display: block; width: 112px;height: 39px;margin: 20px auto 5px;}

.magazine-search-info {border-bottom: 1px solid #ddd; padding:30px; }
.magazine-search-info li{line-height: 1.6; margin-bottom: 5px; word-break: keep-all;}
.magazine-search-info li:last-child{margin-bottom: 0; }

.magazine-search-list{margin-top: 51px;}

.msl-top{ font-weight: bold; color: #272727; overflow: hidden;}
.msl-top b{color: #4f9200;}
.msl-top .msl-top-left{font-size: 18px; float: left;}
.msl-top .msl-top-right{font-size: 16px; float: right; margin-top: 5px;}

.msl{ border-top: 2px solid #999; border-bottom: 1px solid #ddd; margin-top:25px;}
.msl .msl-tit{font-size: 16px; color: #444; padding: 19px 40px 19px; line-height: 1.5; font-weight: 700;}
.msl .msl-tit b{color: #4f9200;}
.msl ul{display: table; table-layout: fixed; width: 100%;}
.msl ul li{display: table-row; border-top: 1px solid #999; font-size: 16px; color: #444; padding: 0 40px 0;  line-height: 1.5;}
.msl ul li > span{display: table-cell; height: 65px; vertical-align: middle; border-top: 1px solid #ddd; font-size: 15px;}
.msl ul li > span:nth-child(1){width: 100px; text-align: center;}

.msl ul li > span:nth-child(2){}
.msl ul li > span:nth-child(2) .ellip{display: flex; justify-content: flex-start; word-wrap: keep-all;}
.msl ul li > span:nth-child(2) .ellip div:nth-child(1){white-space: nowrap; line-height: 1.5em;}
.msl ul li > span:nth-child(2) .ellip div:nth-child(2){margin-left: 10px; line-height: 1.5em; }
.msl ul li > span:nth-child(2) .ellip:hover{color: #78b037; text-decoration: underline;}
.msl ul li > span:nth-child(3){width: 200px; text-align: center;}
.msl ul li a.btn_more{
	font-family: 'Nanum Gothic', sans-serif;
	display: inline-block;
	box-sizing: border-box;
	width: 120px;
	height: 40px;
	padding: 12px 40px 12px 20px;
	border: solid 1px #ddd;
	background-color: #f8f9fb;
	font-size: 14px;
	background-repeat: no-repeat ;
	background-image: url("../images/icon/icon_book2.gif");
	background-position: top 52% right 20px;
	font-weight: 700;
}
.msl ul li a.btn_pdf{
	display: inline-block;
	font-family: 'Nanum Gothic', sans-serif;
	box-sizing: border-box;
	width: 120px;
	height: 40px;
	padding: 12px 40px 12px 20px;
	text-align: center;
	border: solid 1px #ddd;
	background-color: #f8f9fb;
	font-size: 14px;
	background-repeat: no-repeat ;
	background-image: url("../images/icon/icon_pdf.gif");
	background-position: top 52% right 38px;
	font-weight: 700;
}
@media screen and ( max-width:1150px) {
	.msl ul li > span{ padding:13px 15px;}
	.msl ul li > span:nth-child(2) .ellip{flex-direction: column; flex-wrap: wrap;}
	.msl ul li > span:nth-child(2) .ellip div:nth-child(2){margin: 6px 0 0 0;}
}
@media screen and ( max-width:750px) {
	.magazine-search-wrap .ms-tab ul.bgG li a{font-size: 13px; height: 44px; padding-top: 13px;}

	.magazine-search-form{display: block; padding:0; background-color: #fff; border-top: 0; border-bottom: 0;}

	.magazine-search-form ul{ background-color: #f8f9fb; border-top: 2px solid #222; border-bottom: 1px solid #fff;}
	.magazine-search-form ul > li{width: 100%; padding: 0; background-color: #fff;}
	.magazine-search-form ul > li > *{border-bottom: 1px solid #ddd; padding: 10px;}

	.magazine-search-form ul > li > label{width: 35%; color: #3c3644; background-color: #f0f5f9; font-size: 14px; height: 50px; }
	.magazine-search-form .year{white-space: nowrap;}
	.magazine-search-form .year select.sel{	width: 45%;}

	.msl-top{ display: none;}

	.msl .msl-tit{padding: 15px 17px;}
	.msl ul li{color: #444; padding: 0 15px 0; }
	.msl ul li > span{ height:50px; font-size: 13px; padding:10px 15px;}
	.msl ul li > span:nth-child(1){display: none; }
	.msl ul li > span:nth-child(2) .ellip div:nth-child(2){margin: 5px 0 0 0;}
	.msl ul li > span:nth-child(3){width: 120px; }

	.msl ul li a.btn_pdf,
	.msl ul li a.btn_more{
		width: 90px;
		height: 38px;
		padding: 12px 10px;
		font-size: 12px;
		background: #f8f9fb;

	}
	.magazine-search-info {border-top: 1px solid #ddd; padding:15px; margin-top: 20px; }
	.magazine-search-info li{margin-bottom: 10px; font-size: 13px;}

}

/* 220916 기능개선 - ljh */
.webZineView._aside {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.webZineView._aside .prevNext-mp {
	width: 100%;
}
@media all and (min-width: 1024px) {
	.webZineView._aside {
		flex-direction: row;
		-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;
	}
	.webZineView._aside .prevNext-w,
	.webZineView._aside .box1 {
		max-width: 41%;
	}
}
@media all and (min-width: 1183px) {
	.webZineView._aside .prevNext-w,
	.webZineView._aside .box1 {
		max-width: 35%;
	}
}
.brd_minus_box {
    padding: 1.2em 1em;
    border: 1px solid #ccc;
    margin-bottom: 2.5em;
}
.brd_minus_box li {
	line-height: 1.5;
	padding-left: 1em;
	text-indent: -0.3em;
}
.brd_minus_box li::before {
	content: '-'; display: inline-block;
	font-size: 1em;
    margin-right: 0.25em;
}
.brd_minus_box li + li {
	margin-top: .55em;
}
.associated .box2.edit { padding-bottom: 20px; }
@media all and (max-width: 768px) {
	.associated .box2.edit { padding-bottom: 0px; }
}

.flex.btn_lists {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	padding-bottom: 10px;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
	margin-top: -5px;
}
.flex.btn_lists.right {
	-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
}
.flex.btn_lists .btn:first-child {
	margin-left: 0;
}
.flex.btn_lists .btn {
	transition: background .3s;
	margin-left: 5px;
	margin-top: 5px;
}
.flex.btn_lists.st5 .btn:hover{
	background-color: #78b037;
}

.cont_block.lh_65 *{
    line-height: 1.65;
}
.cont_block.fs_up {
	font-size: 1.07142em;
}
.indent_txt {
    display: block;
    padding-left: 2em;
    text-indent: -1.2em;
}
.cont_box {
    text-align: center;
    margin-bottom: 1.5em;
}
.capt_tit {
    font-size: 1.15em;
    display: block;
    font-weight: 600;
    text-align: left;
    margin-top: 1.75em;
    margin-bottom: .75em;
}
.cont_box .brd_box {
    background-color: #f0f5f9;
    padding: 3% 5%;
}
.cont_box .brd_box > p,
.cont_box .case_box > p {
    padding: .75em;
}
.cont_box .brd_box .indent_txt {
	text-align: left;
}
.cont_box .brd_box .skip {
	display: block;
	text-align: center;
}
.cont_box .case_tit {
	display: block;
	text-align: center;
	font-size: 1.125em;
	margin-top: .75em;
	margin-bottom: .75em;
}
.cont_box .case_txt {
	text-align: left;
}
.cont_box .case_box {
	background-color: #fff;
	padding: .75em 1.5em;
	border: 1px solid #ddd;

}
.cont_box .brd_box .case_txt {
	padding-left: 0;
    padding-right: 0;
}
.cont_box .brd_box .desic_tit {
    font-size: 1.125em;
	display: block;
	text-align: center;
	margin-top: .5em;
	margin-bottom: .5em;
}
.cont_box .case_list {
    text-align: center;
	font-weight: 600;
}
.cont_box .case_list {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.cont_box .case_list li {
    padding: .75em 1.5em;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}


@media screen and (max-width: 900px) {
	.popuparea .wrap .popup_con .popup_list {
		height: auto !important;
	}
}

.noticeboard .mg_l10 {
	margin-left: 1rem !important;
}
.noticeboard .id15 {
	text-indent: 0.9375rem;
}
.noticeboard .id25 {
	text-indent: 1.5625rem;
}
.noticeboard_con {
	margin-bottom: 3.75rem;
}
.noticeboard_con:last-of-type {
    margin-bottom: 0;
}
.noticeboard_con .title {
	margin-bottom: 2.25rem;
    font-size: 1.625rem;
    font-weight: 700;
	line-height: 2.25rem;
    font-weight: 800;
	text-align: center;
	word-break: keep-all;
}
.noticeboard_con .title.border1 {
	border: 0.25rem solid #255e65;
	padding: 0.9375rem 1.875rem;
	border-radius: 0.9375rem;
	width: fit-content;
	margin: 0 auto 3rem;
}
.noticeboard_con p,
.noticeboard_con .text_box {
    font-size: 1rem !important;
    line-height: 1.75rem !important;
}
.noticeboard_con p + ul {
	margin-top: 1.25rem;
}
.noticeboard_con ul:not(:last-child) {
    margin-bottom: 2.5rem;
}
.noticeboard_con ul li {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
	text-align: left;
}
.noticeboard_con ul li.first,
.noticeboard_con ul li.second,
.noticeboard_con ul li.third,
.noticeboard_con ul li.fourth {
	display: flex;
	gap: 0.3125rem;
}	
.noticeboard_con ul li.second {
	margin-left: 1rem;
}
.noticeboard_con ul li.third {
	margin-left: 2rem;
}
.noticeboard_con ul li.fourth {
	margin-left: 3rem;
}
.noticeboard_con ul li + li {
	margin-top: 0.5rem;
}
.noticeboard_con ul li.first span,
.noticeboard_con ul li.second span,
.noticeboard_con ul li.third span,
.noticeboard_con ul li.fourth span  {
	transform: translateY(0.375rem);
}
.noticeboard_con .inquiry {
	width: fit-content;
    margin: 1.25rem auto 0;
	padding: 0.625rem;
	border: 0.0625rem solid #ddd;
	border-radius: 0.9375rem;
}
.noticeboard_con .outro {
	font-size: 1.375rem !important;
}

.noticeboard_con ul li.box {
	padding: 1.25rem;
	border: 0.0625rem solid #222;
	border-radius: 0.9375rem;
}