@charset "utf-8";

/*----------------------------------------------------------------------------
작성일 : 2018.11.14
작성자 : 박서진
 * -------------------------------------------------------------------------*/
@import url("/css/custom/web/kor/add.css");
/* body {overflow-y: scroll;} */
#footer .container {margin:auto !important}
.sub-title {position:relative; width:100%; height:185px; background:#757e90; text-align:center;margin-top:8rem;}
.sub-title > div {position:absolute; width:calc(100% - 160px); top:50%; left:50%; transform:translate(-50%, -50%); color:#fff}
.sub-title a {position:absolute; top:28px; font-weight:200; min-width:140px}
.sub-title a::after {font-family:'xeicon'; position:absolute; top:50%; transform:translateY(-50%);}
.sub-title a.prev {left:0; padding-left:22px; text-align:left}
.sub-title a.prev::after {left:0; content:'\e93b'}
.sub-title a.next {right:0; padding-right:22px; text-align:right}
.sub-title a.next::after {right:0; content:'\e93e'}
.sub-title .location span {display:inline-block; position:relative; padding-right:15px; margin-right:5px; font-size:1.4rem; font-weight:200}
.sub-title .location span:last-child {padding-right:0; margin-right:0}
.sub-title .location span::after {position:absolute; right:0; top:2px; font-family:'xeicon'; content:'\ea3e'; font-size:1.2rem; opacity:.5}
.sub-title .location span:last-child::after {display:none}
.sub-title h2 {position:relative; width:calc(100% - 280px); margin:20px auto 0; padding-top:15px; font-size:4rem; font-weight:900}
.sub-title h2::before, .sub-title h2::after {position:absolute; top:0; left:50%; transform:translateX(-50%); content:''}
.sub-title h2::after {top:-3px; width:7px; height:7px; background:#ff4b42; border-radius:50%; opacity:0; transition:opacity .4s; transition-delay:.6s}
.sub-title.start h2::before {opacity:.26; transform:scaleX(1) translateX(-50%);}
.sub-title.start h2::after {opacity:1}
.tab-menu {display:none; text-align:center; border-bottom:1px solid #e1e1e1; height:60px; line-height:60px}
.tab-menu a {position:relative; display:inline-block; height:100%; margin:0 25px}
.tab-menu a::after {position:absolute; left:0; bottom:0; width:100%; height:2px; background:#e5271e; content:''; transform:scaleX(0); opacity:0; transition:all .4s}
.tab-menu a:hover, .tab-menu a.active {color:#e5271e}
.tab-menu a:hover::after, .tab-menu a.active::after {transform:scaleX(1); opacity:1}
.tab-menu.on{display: block;}
.tab2 {display:block;position:relative;margin:3rem 0 4rem}
.tab2:after {display:block;clear:both;content:''}
.tab2::before { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; bottom: 0; left: 1px; }
.tab2 > li {float:left;min-width:25%;text-align:center;}
.tab2 > li > a {display:block;height:62px;padding: 0 1rem;line-height:62px;background:#f1f3f5;color:#767676;border:1px solid #ddd;font-weight:300; white-space: nowrap;}
.tab2 > li.active > a { background-color: #fff;border-color:#393939;border-top:2px solid #0066a7;position: relative;color:#000;font-size:1.8rem;font-weight:500 }
.tab2 > li.active > a::after { width: 100%; height: 3px; background-color: #fff; content: ""; position: absolute; bottom: -2px; left: 0; }
.tab2 > li > a:focus {text-decoration:underline}
.tab2 > li.active > a:focus {outline:1px solid red}
.link-tab {margin-bottom:3rem}
.link-tab::after {display:block;clear:both;content:''}
.link-tab a {float:left;display:block;width:20%;text-align:center;border:1px solid #ddd;background:#f1f3f5;padding:1.9rem .5rem}
.link-tab a + a {border-left:0}
.link-tab a span {margin-right:1rem}
.link-tab a:hover {text-decoration:underline}


#contents .container {margin:74px auto 150px}
[class^="title0"].first {margin-top:0}
.title01 {position:relative; padding-left:30px; margin:68px 0 34px; font-size:2.6rem; font-weight:600; color:#333; }
.title01::before {position:absolute; left:0; top:6px; width:20px; height:20px; background:url('/images/custom/web/kor/common/bul01.png'); content:''}
.title02 {display:block; margin:34px 0 15px; font-size:2rem; font-weight:600; color:#005eac}
.title02 + .explain {font-weight:200;color:#666}
.line14 {line-height:1.4}
.line16 {line-height:1.6}
.bul > li {position:relative;font-weight:400;line-height:1.4;margin-top:8px;font-weight:200}
.bul > li::before {position:absolute; left:0; content:''}
.bul.square > li {padding-left:10px; font-size:1.5rem; color:#666;font-weight:200; }
.bul.square > li::before {top:8px; width:3px; height:3px; background:#797979}
.bul.square.type2 > li::before {background:#005eac}
.bul.num > li {padding-left:25px;counter-increment:number;line-height:1.6;font-weight:200}
.bul.num > li::before {content:counter(number,upper-roman)'.';}
.bul.num > li > p {margin-bottom:.5rem}
.bul.num > li + li {margin-top:1rem}
.bul.num2 > li {padding-left:20px;counter-increment:number2;font-weight:200}
.bul.num2 > li::before {content:counter(number2)'.'}
.bul.num3 > li {padding-left:20px;counter-increment:number3;font-weight:200}
.bul.num3 > li::before {content:counter(number3)')'}
.bul.dash > li {padding-left:12px;font-weight:200}
.bul.dash > li::before {top:11px;width:5px;height:1px;background:#797979}
[class*="bul"] [class^="point-txt"] {font-weight:200}

/* 블릿  STYLE */
[class^="lstyle-"] li {
	position: relative;
	margin-top: .3rem;
	padding-left: 1rem;
	line-height: 1.5;
    /* overflow: hidden; */
	}
[class^="lstyle-"] > li:first-child {
	margin-top: 0;
	}
[class^="lstyle-"] li:before,
p.lstyle-dot::before,
p.lstyle-line::before{
	display: block;
	position: absolute;
	top: 1.1rem;
	left: 0;
	content: '';
	} 
[class^="lstyle-"] li > ul {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	}
p.lstyle-dot,
p.lstyle-line {
	position: relative;
	padding-left: 1.2rem;
	}	
.lstyle-dot > li::before,
p.lstyle-dot::before {
	width: .5rem;
	height: .5rem;
	background-color: #D8DCE4;
	border-radius: 100%;
	}
.lstyle-dot > li > ul > li::before,	
.lstyle-line > li::before,
p.lstyle-line::before {
    width: .4rem;
    height: 1px;
    background-color: #222;
	}
.lstyle-dot.small > li::before{
	width: 2px;
	height: 2px;
	border-radius: 50rem;
	background-color: #222;
}
.lstyle-normal > li {
	margin-top: 2rem;
	padding-left: 0;
	}
.lstyle-none > li {
	padding-left: 0;
	}	
.lstyle-none > li::before {
	display: none;
	}	
.lstyle-square > li::before{
    width: 4px;
    height: 4px;
    background-color: #222222;
}
.lstyle-dashe > li:before {
	top: 1.2rem;
	width: 4px;
	height: 1px;
	background-color: #6d6d6d;
}
.lstyle-number > li {
	margin-left: 2rem; 
	padding-left: 0;
	list-style: decimal;
}
.lstyle-number.round > li {
	position: relative; 
	margin-left: 0; 
	padding-left: 22px; 
	list-style: none; 
	counter-increment: number;
}
.lstyle-number.round > li::before { 
	position: absolute; 
	top: 5px; 
	left: 0; 
	display: block; 
	width: 16px; 
	height: 16px; 
	line-height: 1.2; 
	border: 1px solid #626262; 
	border-radius: 100%; 
	content: counter(number, decimal); 
	text-align: center; 
	font-size: 1.2rem; 
	overflow: hidden;
}

.table-wrap {border-top:1px solid #000; overflow:hidden; margin-top:40px}
.table-wrap.table-center td {text-align:center !important}
.table-wrap table {margin-left:-1px}
.view-cont .table-wrap {border-top:0;margin-top:0}
.view-cont .table-wrap table {margin-left:0}
.table-wrap thead th, .table-wrap tbody td {padding:18px 10px; background:#f1f3f5; border-bottom:1px solid #ddd; border-left:1px solid #ddd}
.table-wrap tbody th {padding:18px 10px;border-bottom:1px solid #ddd;background:#fafafa}
.table-wrap tbody td {background:none; font-size:1.5rem; font-weight:200; color:#666;}
.table-wrap .link-btn .xi-angle-right-min {margin-left:1.5rem;width:2rem;height:2rem;line-height:2rem;text-align:center;background:#005eac;border-radius:50%;color:#fff}
.table-wrap .link-btn > * {display:inline-block;vertical-align:middle}
.table-wrap .txtarea {width: 100%;}
.table-wrap.pdnone td {padding:2rem}
.table-wrap .explain {height:230px; overflow-y: auto; }
.table-wrap.view-page th {background:none !important;border-left:1px solid #ddd}
.table-wrap.view-page td {padding:18px 10px !important}
.table-wrap.view-page .ori-tit span {display:inline-block;margin-right:1rem}
.view-cont {padding:3rem;border-bottom:1px solid #ddd; line-height: 1.5;}
.view-page img, .view-cont img {max-width: 100% !important;height:auto !important}
 
.org .table-wrap td {padding:18px 10px;text-align:center}
.table-wrap + .control-wrap {margin-top:2rem}
.mT10 {margin-top:1rem}
.mT20 {margin-top:2rem}
.mT25 {margin-top:2.5rem}
.mT30 {margin-top:3rem}
.mT50 {margin-top:5rem}
.point-txt01 {color:#333}
.point-txt02 {color:#005eac}
.point-txt03 {color:#e5271e}
.point-txt04 {font-size:4rem;font-weight:700}
[class^="point-txt"] {font-weight:700}
.border-box-gray{border:2px solid #ddd;padding:3rem 2rem}
.border-box-gray2 {margin-bottom:4.4rem;padding:4.5rem 1rem;border:5px solid #ececec;font-size:2rem;color:#333;font-weight:600;}
.border-box-gray2.type2 {font-size:1.6rem;font-weight:200;padding:4.5rem 9rem}
.border-box-gray2.type2 p, .border-box-gray2 .txt-center {line-height:1.6; word-break: keep-all; }
.border-box-gray2 .info > div {width:33%}
.border-box-gray2 .info > div,.border-box-gray2 .info > div > * {display:inline-block;vertical-align:middle}
.border-box-gray2 .info .img {margin-right:3rem}
.border-box-gray2 .info .txt > * {display:block}
.border-box-gray2 .info .txt p {color:#666}
.border-box-gray2 .info .txt strong {font-size:2rem;font-weight:600;margin:.5rem 0}
.border-box-gray2 .info .txt span {font-weight:200}

/* 팝업 */
.popup {background:#fff}
.popup h1 {position:relative;padding:0 30px;height:60px;line-height:60px;color:#fff;font-size:2rem}
.popup h1::before {position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to right,#0063a9,#0c9390);content:''}
.popup h1 span {position:relative;padding-left:26px;}
.popup h1 span::before {position:absolute;left:0;top:12px;width:13px;height:5px;background:#fff;content:''}
.popup .popup-cont {padding:30px}
.popup .popup-cont .table-wrap {margin-top:0}
.pop-btn2 {position:relative}
#layer-pop {position:fixed;left:50%;top:50%;  width:400px;height:0;border:1px solid #ddd; transform:translate(-50%,-50%);  -webkit-transform:translate(-50%,-50%);  transition:all .4s; -webkit-transition:all .4s;  overflow:hidden;opacity:0; visibility: hidden; z-index:1;}
#layer-pop.active {height:auto; opacity:1;overflow:visible; visibility: visible;}

/* 팝업 end */
.select-wrap {position:relative;cursor:pointer;display:inline-block;}
.select-wrap select {position:relative;height:45px;line-height:45px;width:100%;padding:0 53px 0 18px;border:1px solid #e8e8e8;border-right:0;background:url('/images/custom/web/kor/sub/select-bg.gif') right center no-repeat #fff}
/* form-control */
.control {display:inline-block;position:relative;padding-left:32px;cursor:pointer;}
.control input {position:absolute; left:0; top:0; width:22px; height:100%; opacity:0;}
.control label:before {position:absolute;left:0;width:22px;height:22px;border:1px solid #e8e8e8;content:'';}
.control.radio label:before {border-radius:50%}
.control label:after {position:absolute;content:''}
.control.check label:after {left:3px;top:3px;font-family:'xeicon';content:'\e929';color:#fff}
.control.radio after:after {width:6px; height:6px; background:#ee2d3c; border-radius:50%; content:''}
.control input:hover + label:before,
.control input:focus + label:before {border:2px solid #719ece}
.control.check input:checked + label:before {border-color:#aa140d;background-color:#e5271e;}
.control input:checked + label:after {opacity:1}


.control.right {padding:0 30px 0 0}
.control.right label:before {left:inherit; right:0}
.control + .control {margin-left:2.7rem}


.form-wrap {position:relative;border:5px solid #ececec;padding:5.7rem 10rem 6.7rem}
.form-wrap > a.open {position:absolute;right:5rem;top:5rem}
.form-control + .form-control {margin-top:2rem}
.form-control strong {display:inline-block;min-width:100px}


.w4 {width:40rem}
.w9 {width:90rem}
.explain .point {color: #ff6609; font-size: 1.8rem;}

.box + .board-top {margin-top:60px}
.board-top {overflow:hidden;margin:26px 0}
.board-top p {font-size:1.8rem;font-weight:200;color:#1d1614}
.board-top p span {font-weight:600;color:#e5271e}
.board-top .total {float:left;}
.board-top .current {float:right}
.board-info {overflow:hidden}
.board-info .title02 {margin-top:0}
.board-info > div {float:left;width:calc(100% - 23rem)}
.board-info .explain {color:#666;font-weight:200}
.board-info a {float:right;display:inline-block;padding:0 1.9rem 0 2.3rem;height:45px;line-height:43px;border:1px solid #e8e8e8}
.board-info a span {display:inline-block;font-size:1.4rem;color:#333;font-weight:500;margin-left:1.6rem;vertical-align:middle}
.board-list {border-top:1px solid #132331;margin-top:26px}
.board-list table {table-layout:fixed;}
.board-list thead th {position:relative;padding:19px 0 29px;font-weight:200}
.board-list thead th::after {position:absolute;left:0;bottom:10px;width:100%;height:1px;background:#e4e4e4;content:''}
.board-list tbody tr.active,.board-list tbody tr:hover {box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0);-webkit-box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0.3);}
.board-list tbody tr.active a {text-decoration:underline}
.board-list td {text-align:center;color:#666;font-weight:200;border-bottom:1px solid #e4e4e4}
.board-list td.no-search {padding: 15px 0 20px; }
.board-list .continent{color: #757e90; font-weight: 600;}
.board-list .tit {text-align:left;font-weight:600;color:#333}
.board-list .tit a {display:inline-block;padding:16px 0 17px;width:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:middle}
.board-list .tit .lock {margin-left:5px;display:inline-block;vertical-align:middle}
.board-list .date > * {vertical-align:middle}
.board-list .date i {color:#c8d1de;margin-right:5px;display:none}
.board-list .date span {font-size:1.5rem;color:#707786}
.board-list [class^="category"] span {display:inline-block;min-width:47px;height:24px;line-height:24px;border-radius:3px;font-size:1.4rem;color:#fff;padding:0 .5rem}
.board-list .category1 span {background:#00407c}
.board-list .category2 span {background:#0564ac}
.board-list .category3 span {background:#0c9390}
.board-list .category4 span {background:#757e90}
.board-list .answer {color:#c8d1de;font-size:2.6rem}
.board-list .answer.end {color:#0564ac}
.board-list .answer-new{color:#757e90;}
.board-list .answer-new.ing{color:#0564ac;}
.board-list .answer-new.end{color:#e5451a;}
.board-list .current-state {color:#0564ac;}
.board-list .current-state.end {color:#e5451a;}
.board-list td.notice {font-size:1.8rem}
.board-list .type{width:15rem;}
.board-list .type span {display:block; margin:auto;background:#00407c;color:#fff;padding:2.5rem 0;font-size:15px;transition:background .4s}
.board-list .txt a {position:relative;display:block;padding:3rem 1.5rem}
.board-list .txt div:after{display:block;clear:both;content:''}
.board-list .txt div > * {float:left}
.board-list .txt div strong {
	display:block;
	float:none;
	font-size:18px;
	color:#333;
	font-weight:600;
	}
.board-list .txt .util {font-size:1.5rem;font-weight:200;color:#666}
.board-list .txt .util .author {margin-right:1rem}
.board-list .txt .util p i {font-size:1.6rem;color:#c8d1de;margin-right:.4rem}
.board-list .txt .util p span {color:#707786;}
.board-list .txt a > p {
	margin:0.6rem 0 1rem 0;
	clear:both;
	font-size:15px;
	font-weight:200;
	color:#999;
	}
.board-list .txt .keyword {
	display: block;
	float:none;
	margin:0;
	}
.board-list .txt .keyword span {
	display:inline-block;
	margin:0.5rem 0.5rem 0.5rem 0;
	padding:4px 5px;
	background:#757e90;
	color:#fff;
	font-size: 14px;
	}
/* .board-list .txt .keyword span + span {
	margin-right:0.5rem;
	} */
/* .board-list tbody tr:hover .type span,
.board-list tbody tr.active .type span{background:#006cc8} */

.board-list .link a + a {margin-left:3.4rem}

.view-page .info{overflow:hidden;border-top:1px solid #132331;border-bottom:1px solid #ddd;/*padding:0 3rem*/}
/*.view-page .info h1 {display:table-cell;width:68%;vertical-align:middle;font-size:1.8rem;font-weight:600}
.view-page .info ul {display:table-cell;vertical-align:middle;overflow:hidden;padding:2.4rem 0}
#eventinfoVO .view-page .info h1 {width:55%}
#boardarticleVO .view-page .info h1 {width:60%}*/
.view-page .info h1 {font-size:1.8rem;font-weight:600;padding:1.5rem 3rem;border-bottom:1px solid #ddd}
.view-page .info ul {display:block;overflow:hidden;padding:1.5rem 3rem 1.5rem 1.5rem}
.view-page .info ul li:first-child {margin-left:0}
.view-page [class^="info"] li {position:relative;float:left;padding-left:15px;margin-left:15px;font-weight:600}
.view-page [class^="info"] li::before {position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:15px;background:#e4e4e4;content:''}
.view-page [class^="info"] li:first-child::before {display:none}
.view-page [class^="info"] li span {margin-left:6px;font-weight:200;color:#666}
.view-page .info2 {border-bottom:1px solid #ddd;padding:0 3rem;line-height:70px;height:70px}
.view-page .info2 > strong {display:table-cell;vertical-align:middle}
.view-page .info2 ul {display:table-cell;vertical-align:middle;padding-left:2rem}

.view-page .attach {border-bottom:1px solid #ddd;overflow:hidden;}
.view-page .attach p {float:left;min-width:117px;margin-right:50px;text-align:center;font-weight:600;color:#333;padding:20px 0 20px;}
.view-page .attach ul {position: relative; padding:10px 0 10px; overflow: hidden;}
.view-page .attach li {margin:10px 0}
.view-page .attach li a {display:inline-block; position:relative; height:27px; padding-left:40px;font-weight:200;color:#666; line-height: 1.5;}
.view-page .attach li a::before {position:absolute;left:0;top:50%;transform:translateY(-50%);width:21px;height:27px;content:''}
.view-page .attach li a.pdf::before {background-image:url('/images/custom/web/kor/sub/file_pdf.gif')}
.view-page .attach li a.doc::before {background-image:url('/images/custom/web/kor/sub/file_doc.gif')}
.view-page .attach li a.file::before {background-image:url('/images/custom/web/kor/sub/file_file.gif')}
.view-page .attach li a.xls::before {background-image:url('/images/custom/web/kor/sub/file_xls.gif')}
.view-page .attach li a.hwp::before {background-image:url('/images/custom/web/kor/sub/file_hwp.gif')}
.view-page .attach li a.img::before {background-image:url('/images/custom/web/kor/sub/file_img.gif')}
.view-page .attach li a.zip::before {background-image:url('/images/custom/web/kor/sub/file_zip.gif')}
.view-page .attach li span.download a {display: inline-block; height:25px; margin-left: 10px; padding: 0 20px; background:#4267b2; color:#fff; line-height:25px;border-radius:30px; font-size:1.4rem;}

.fileUpload_area {
	display:block;
	margin-top:50px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size: 1.6rem;
	overflow:hidden;
	}
.fileUpload_area h2 {
	min-width:117px;
	margin-right:50px;
	padding:20px 0 20px;
	float:left;
	text-align:center;
	color:#333;
	font-weight:600;
	font-size: 1.6rem;
	}
.fileUpload_area .fileUpload_progress {position: relative; padding:10px 0 10px; overflow: hidden;}
.fileUpload_area .fileUpload_progress li {margin:10px 0}
.fileUpload_area .fileUpload_progress li a {display:inline-block; position:relative; height:27px;padding-left:30px;font-weight:200;color:#666; line-height: 1.5;}
.fileUpload_area .fileUpload_progress li a::before {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:21px;
	height:27px;
	background-image:url('/images/custom/web/kor/sub/file_file.gif');
	content:'';
}
.fileUpload_area .fileUpload_progress li a.pdf::before {background-image:url('/images/custom/web/kor/sub/file_pdf.gif');}
.fileUpload_area .fileUpload_progress li a.doc::before {background-image:url('/images/custom/web/kor/sub/file_doc.gif');}
.fileUpload_area .fileUpload_progress li a.file::before {background-image:url('/images/custom/web/kor/sub/file_file.gif');}
.fileUpload_area .fileUpload_progress li a.xls::before {background-image:url('/images/custom/web/kor/sub/file_xls.gif');}
.fileUpload_area .fileUpload_progress li a.hwp::before {background-image:url('/images/custom/web/kor/sub/file_hwp.gif');}
.fileUpload_area .fileUpload_progress li a.img::before {background-image:url('/images/custom/web/kor/sub/file_img.gif');}
.fileUpload_area .fileUpload_progress li a.zip::before {background-image:url('/images/custom/web/kor/sub/file_zip.gif');}
.fileUpload_area .fileUpload_progress li span.download a {display: inline-block; height:25px; margin-left: 10px; padding: 0 20px; background:#4267b2; color:#fff; line-height:25px;border-radius:30px; font-size:1.4rem;}



.prevnext {border-top:1px solid #ddd;margin-top:30px}
.prevnext li {border-bottom:1px solid #ddd}
.prevnext li a {display:block;overflow:hidden;padding:0 3rem;transition:all .4s}
.prevnext li a > * {float:left;line-height:54px;height:54px;font-weight:200;color:#666}
.prevnext li strong {padding:0 5rem 0 3rem;font-weight:600;color:#333}
.prevnext li .tit {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:70%}
.prevnext li a .date {float:right;}
.prevnext li a:hover,.prevnext li a:focus {background:#f9f9f9}

.paging {margin-top:50px;text-align:center;}
.paging a {display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid #e5ebf0;color:#666;transition:all .4s;vertical-align:middle}
.paging > a + a {margin:0 4px}
.paging a.first .xi-angle-left:before {margin-right:-5px}
.paging a.first .xi-angle-left:after{content:'\e93b';margin-left:-5px}
.paging a.last .xi-angle-right:before {margin-right:-5px}
.paging a.last .xi-angle-right:after{content:'\e93e';margin-left:-5px}
.paging span {padding:0 1rem}
.paging span a {margin:0 .3rem;}
.paging a.active {border-color:#ed6f00;background:#ed6f00;color:#fff}
.paging a:hover,.paging a:focus {outline:1px solid #ed6f00;color:#ed6f00}
.paging a.active:hover,.paging a.active:focus {color:#fff}
.paging + .btn-wrap {margin-top:-40px}
.btn-wrap {overflow:hidden;margin-top:30px}
.btn {display:inline-block;min-width:112px;height:40px;line-height:40px;font-size:1.5rem;font-weight:200;transition:all .4s;text-align:center;vertical-align:middle;margin:0 2px}
.btn i {margin-right:1rem}
.btn i.ml {margin:0 0 0 1rem}
.btn.type1 {border:1px solid #cfd4da;color:#666}
.btn.type2 {border:1px solid #52555f;background:#52555f;color:#fff}
.btn.type3 {height:50px;padding:0 47px;line-height:50px;border:1px solid #00407c;background:#00407c;color:#fff}
.btn.type4 {border:1px solid #00407c;background:#00407c;color:#fff}
.btn.type5 {border:1px solid #e5451a;background:#e5451a;color:#fff}
.btn.type6 {border:1px solid #0f5465;background:#0f5465;color:#fff}
.btn.type1:hover,.btn.type1:focus,.proposal.write .btn_area_right .btn_green:hover,.proposal.write .btn_area_right .btn_green:focus {background:#cfd4da}
.btn.type2:hover,.btn.type2:focus {background:#fff;color:#52555f}
.btn.type3:hover,.btn.type3:focus,.btn.type4:hover,.btn.type4:focus,.proposal.write .btn_area_right .btn_gray:hover,.proposal.write .btn_area_right .btn_gray:focus {background:#fff;color:#00407c}
.btn.type5:hover,.btn.type5:focus {background:#fff;color:#e5451a}
.btn.type6:hover,.btn.type6:focus {background:#fff;color:#0f5465}
.btn.download {border:1px solid #ddd;padding:0 2.7rem;width:20rem;height:43px;line-height:43px;text-align:left}
.btn.download span {display:block;position:relative;}
.btn.download span::after {position:absolute;right:0;top:0;font-family:'xeicon';content:'\eb7c'}
.btn.pd {padding:0 2rem}
.btn.w20 {width:20rem}

.proposal.write {margin-top:2rem}
.proposal.write table {border-top:2px solid #000;margin-top:2rem;width:100%}
.proposal.write thead th, .proposal.write tbody td {padding:18px 10px; background:#f1f3f5; border-bottom:1px solid #ddd;}
.proposal.write tbody th {padding:18px 10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background:#fafafa}
.proposal.write tbody td {background:none; font-size:1.5rem; font-weight:200; color:#666;}
.proposal.write tbody td input {width:100%}
.proposal.write #dext_frame_holderdext5_editor_brd_cont {width:100% !important}
.proposal.write .btn_area_right {text-align:center;margin-top:3rem;}
.proposal.write .btn_area_right button {display:inline-block;min-width:112px;height:40px;line-height:40px;font-size:1.5rem;font-weight:200;transition:all .4s;text-align:center;vertical-align:middle;margin:0 2px}
.proposal.write .btn_area_right .btn_gray {border:1px solid #00407c;background:#00407c;color:#fff}
.proposal.write .btn_area_right .btn_green {border:1px solid #cfd4da;color:#666}

.box {text-align:center;border-top:1px solid #000;border-bottom:1px solid #ddd;padding:47px 10px}
.box > * {display:inline-block;vertical-align:middle}
.box .txt-wrap {margin-left:4.8rem;text-align:left;}
.box .txt-wrap .tit {font-size:2.5rem;font-weight:600;color:#000;line-height:inherit;}
.box .txt-wrap .tit.type1 span{color:#005eac}
.box .txt-wrap .tit.type2 span{color:#e5271e}
.box .txt-wrap .txt {margin:14px 0;font-weight:200;color:#666;line-height:1.6}
.box .txt-wrap .txt .point-txt03 {font-weight:300}
.box .txt-wrap ul {margin-top:2rem}
.box > p {display:block;text-align:center;padding:1rem 0 6rem;color:#666;font-weight:200}
.box > p strong {color:#e5271e}
.box .row {display:block}
.box.txt-only {text-align:left;padding-left:9.7rem}
.box.txt-only + div {margin-top:2rem;padding-left:9.7rem;font-weight:300}
.box.txt-only + div p {padding:1rem 0}
.box.txt-only + div a {padding:0 2.6rem}
.border-left > div {border-left:1px dotted #7f7f7f}
.border-left > div:first-child {border:0}
.border-left > div a {display:block;text-align:center;padding:1rem 0 1.5rem}
.border-left > div span:last-child {display:block;font-size:1.7rem;color:#000;font-weight:600;margin-top:1.5rem}
.border-left > div a:hover span:last-child {text-decoration:underline}

/* sub01 */
/* sub010101 인사말 */
.greeting {
	display: flex;
}
.greeting *{
	word-break: keep-all;
    transition: all 0.2s;
}
.greeting img{
	max-width: 100%;
}
.greeting-img{
	display: block;
	width: 60rem;
	margin-right: 4.8rem;
}
.greeting-txt{
	width: calc(100% - 60rem - 4.8rem);
	line-height: 32.4px;
	color: #333;
	font-size: 1.8rem;
	font-weight: 400;
}
.greeting-txt .first-txt{
	display: block;
	margin-bottom: 2.5rem;
	line-height: 44.8px;
	font-family: NotoHaSB;
	font-size: 3.2rem;
	font-weight: normal;
}
.greeting-txt .point-color01{
	color: #005EAC;
}
.greeting-txt .first-txt .point-color01 br{
	display: none;
}
.greeting-txt p + p{
	margin-top: 2.2rem;
}
.greeting-sign{
	display: block;
	margin-top: 3.2rem;
	line-height:32.4px;
}
.greeting-sign .greeting-sign-txt{
	display: block;
	margin-bottom: 0.5rem;
	font-size: 1.8rem;
	font-weight: 700;	
}
.greeting-sign-img{
	margin: 0;
}

/* sub010102 인사말 */
.generation-director .row {margin:-1.4rem}
.generation-director .col-xs-12 {padding:1.4rem}
.generation-director .col-xs-12 > div{border:1px solid #ddd;padding:3rem 2rem 3rem 3.5rem}
.generation-director .img {display:inline-block;vertical-align:middle}
.generation-director .txt-wrap {display:inline-block;margin-left:1.5rem;vertical-align:middle}
.generation-director .txt-wrap .num span {display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;font-size:1.3rem;font-weight:900;background:#e8e8e9;border-radius:50%}
.generation-director .txt-wrap .num strong {display:inline-block;margin-left:1rem;font-size:1.8rem;color:#e5271e;font-weight:200}
.generation-director .txt-wrap .name {margin:1.7rem 0 2.4rem;font-size:2.6rem;font-weight:200}
.generation-director .txt-wrap .name strong {display:inline-block;font-weight:600}
.generation-director .txt-wrap .period {font-size:1.5rem;font-weight:200}

/* sub0102 설립목적및연혁 */
.foundation ul {position:relative;}
.foundation ul::before {position:absolute;left:50%;transform:translateX(-50%);width:1px;height:100%;background:#ddd;content:''}
.foundation li::after {display:block;clear:both;content:''}
.foundation li {}
.foundation li div{position:relative;float:left;text-align:right;width:calc(50% - 15rem);padding:2.4rem;margin:0 2rem 0 13rem;border:1px solid #ddd}
.foundation li div::after {display:block;clear:both;content:''}
.foundation li div::before {position:absolute;width:11px;height:11px;background:linear-gradient(to right, #0c9390, #0063a9);content:'';border-radius:50%}
.foundation li div strong {display:block;color:#005eac;font-weight:600}
.foundation li div p {width:calc(100% - 100px);word-break:keep-all;font-weight:200;color:#666}
.foundation li:nth-of-type(odd) div::before {right:-2.65rem}
.foundation li:nth-of-type(odd) div > * {float:right}
.foundation li:nth-of-type(odd) div strong {margin-left:2.4rem}
.foundation li:nth-of-type(even) div {float:right;text-align:left;margin:0 13rem 0 2rem}
.foundation li:nth-of-type(even) div::before {left:-2.65rem}
.foundation li:nth-of-type(even) div > * {float:left}
.foundation li:nth-of-type(even) div strong {margin-right:2.4rem}
.functions {position:relative;text-align:center}
.functions::after {display:block;clear:both;content:''}
.functions::before {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;height:1px;background:#ddd;content:''}
.functions .circle {position:relative;display:inline-block;width:30rem;height:30rem;margin:0 5.85rem;background:#757e90;color:#fff;border-radius:50%}
.functions .circle:first-child {background:linear-gradient(to right, #0c9390, #0063a9)}
.functions .circle > div {margin-top:50%;transform:translateY(-50%)}
.functions .circle strong {display:block;font-size:2.8rem;font-weight:700;margin-bottom:1.5rem}
.functions .circle p {line-height:1.6}

.history .foundation {opacity:0;height:0;overflow:hidden;transition:all .4s}
.history .foundation.active {opacity:1;height:auto;overflow:visible}
.history .tab-his {position:relative; display: flex; margin-bottom:6rem}
.history .tab-his::before {position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;background:#ddd;content:''; z-index: -1;}
.history .tab-his a {flex:calc(100% / 6); text-align:center;font-size:4rem;font-weight:700;color:#757e90}
.history .tab-his a:first-child {text-align:left}
.history .tab-his a:last-child {text-align:right}
.history .tab-his a span {padding:0 3rem;background:#fff;display:inline-block;position:relative}
.history .tab-his a span::after {position:absolute;bottom:-3.5rem;left:50%;transform:translateX(-50%);font-family:'xeicon';content:'\e941';font-size:2.6rem;color:#005eac;opacity:0;transition:all .4s}
.history .tab-his a.active {color:#005eac}
.history .tab-his a.active span::after {opacity:1}
[id^="his"] {display:none}
[id^="his"].active {display:block}
[id^="his"] li {overflow:hidden;margin-bottom:1.5rem}
[id^="his"] li strong {display:block;float:left;color:#333;font-weight:700;margin-right:3.5rem}
[id^="his"] li .txt {float:left;width:calc(100% - 120px)}

/* sub0105 조직도 */
/* .org {padding:0 3rem}
.org-chart {position:relative;}
.org-chart::after {position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:#dedede;content:'';z-index:-1}
.org-chart .depth01 {width:120px;height:120px;line-height:120px;text-align:center;margin:0 auto 40px;position:relative;z-index:2}
.org-chart .depth01 a, .declaration .org-chart .depth01 p {display:block;height:100%;background:#005eac;border-radius:50%;color:#fff;font-size:2.5rem;font-weight:600}
.org-chart .depth02 {overflow:hidden;}
.org-chart .depth02 > div {width:50%;}
.org-chart .depth02 > div:first-child{position:absolute;left:0;top:33px}
.org-chart .depth02 > div:last-child {float:right;}
.org-chart .depth02 ul{position:relative;width:285px;margin:auto;}
.org-chart .depth02 ul::before{position:absolute;top:50%;transform:translateY(-50%);width:61%;height:1px;background:#dedede;content:''}
.org-chart .depth02 div:first-child ul::before{display:none}
.org-chart .depth02 div:last-child ul::before{left:-70%;background:none;border:1px dashed #dedede}
.org-chart .depth02 div:last-child ul::after {position:absolute;top:50%;transform:translateY(-50%);width:1px;height:108px;background:#dedede;content:''}
.org-chart .depth02 div:last-child ul::after{left:-27px;background:none;border:1px dashed #dedede}
.org-chart .depth02 li {text-align:center;margin:.7rem 0}
.org-chart .depth02 li a,.declaration .org-chart .depth02 {position:relative;display:block;height:46px;line-height:46px;font-weight:600;color:#fff;z-index:1}
.org-chart .depth02 li a:hover {text-decoration:initial}
.org-chart .depth02 li a::after {position:absolute;top:50%;transform:translateY(-50%);width:26px;height:1px;background:#dedede;content:'';z-index:-1}
.org-chart .depth02 div:first-child li a,.declaration .org-chart .depth02 p {background:#00407c;}
.org-chart .depth02 div:first-child li:first-child a::after {right:-150px;width:150px;}
.org-chart .depth02 div:first-child li:last-child a::after {top:-8px;left:50%;transform:translate(-50%,0);width:1px;height:8px}
.org-chart .depth02 div:last-child li a {cursor:initial}
.org-chart .depth02 div:last-child li a::after {left:-25px;background:none;border:1px dashed #dedede}
.org-chart .depth02 div:last-child li:first-child a {background:#757e90;}
.org-chart .depth02 div:last-child li:nth-of-type(2) a {background:#91989b;}
.org-chart .depth02 div:last-child li:last-child a {background:#008f8a;}

.org-chart .depth03 {display: flex;display: -webkit-flex;flex-flow: row wrap;padding: 3rem 4.4rem;margin-top:7.8rem;background: #fdfdfd;border: 1px solid #dedede;overflow:hidden;text-align:center;}
.org-chart .depth03 div {width: 33.3%;padding: 2rem 1.1rem;vertical-align:top;word-break: keep-all;}
.org-chart .depth03 a {display:block;text-align:center;}
.org-chart .depth03 p {margin-bottom:16px}
.org-chart .depth03 p a {position:relative;padding: 20px 0;background:#e7edf3;color:#444;border:1px solid #ddd;font-weight:600;font-size: 1.8rem;}
.org-chart .depth03 p a::before {position:absolute;left:0;top:0;width:100%;height:2px;background:#646464;content:''}
.org-chart .depth03 li {position:relative; margin-top:5px}
.org-chart .depth03 li a {padding: 18px 0;font-size:1.5rem;font-weight:200;color:#000;border:1px solid #ddd;background:#fff;}
.org-chart .depth03 li.two_line a {padding:13px 0}
.org-chart .depth03-01{background: #f1f3f5;}
.org-chart .depth03-01 li {position:relative;margin-top: 0; border-top:1px #fff solid;}
.org-chart .depth03-01 li a {display:block;padding: 16px 0;font-size:1.5rem;font-weight:200;color:#000;border: 1px solid #f1f3f5;background: #f1f3f5;}
.org-chart .depth03-01 li:first-child{margin-top: 5px; border-top: 0;}
.org-chart a:hover,.org-chart a:focus {text-decoration:underline;} */


/* 2023.09.14 조직 구성 수정 */
.org {padding: 0 3rem;}
.org-chart {position:relative;}
.org-chart::after { border:1px solid #999; position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:#dedede;content:'';z-index:-1}
.org-chart .depth01 {width:120px;height:120px;line-height:120px;text-align:center;margin:0 auto 40px;position:relative;z-index:2}
.org-chart .depth01 a, .declaration .org-chart .depth01 p {display:block;height:100%;background:#005eac;border-radius:50%;color:#fff;font-size:2.5rem;font-weight:600}
.org-chart .depth01_sub { position:relative;margin-top:20px; }   
.org-chart .depth01_sub>a {width:120px;height:120px;line-height:120px;text-align:center;margin:0 auto 100px;position:relative;z-index:2}
.org-chart .depth01_sub>a, .declaration .org-chart .depth01 p {display:block;height:100%;background:#5093d9;border-radius:50%;color:#fff;font-size:2.5rem;font-weight:600}
.org-chart .depth02 {overflow:hidden;}   
.org-chart .depth02 > div {width:50%;}  
.org-chart .depth02 > div:first-child{position:absolute;left:0;top:33px}
.org-chart .depth02 > div:last-child {float:right;}
.org-chart .depth02 ul{position:relative;width:285px;margin:auto;}
.org-chart .depth02 ul::before{position:absolute;top:50%;transform:translateY(-50%);width:61%;height:1px;background:#dedede;content:''}
.org-chart .depth02 div:first-child ul::before{display:none}
.org-chart .depth02 div:last-child ul::before{left:-70%;background:none;border:1px solid #999;}   
.org-chart .depth02 div:last-child ul::after {position:absolute;top:50%;transform:translateY(-50%);width:1px;height:108px;background:#999;content:''}
.org-chart .depth02 div:last-child ul::after{left:-27px;background:none;border:1px solid #999;}      
.org-chart .depth02 li {text-align:center;margin:.7rem 0}  
.org-chart .depth02 li a,.declaration .org-chart .depth02 {position:relative;display:block;height:46px;line-height:46px;font-weight:600;color:#fff;z-index:1}
.org-chart .depth02 li a:hover {text-decoration:initial}
.org-chart .depth02 li a::after { border:1px dashed #999; position:absolute;top:50%;transform:translateY(-50%);width:26px;height:1px;content:'';z-index:-1}
.org-chart .depth02 div:first-child li a,.declaration .org-chart .depth02 p {background:#00407c;}
.org-chart .depth02 div:first-child li:first-child a::after {right:-150px;width:150px;}
.org-chart .depth02 div:first-child li:last-child a::after {top:-8px;left:50%;transform:translate(-50%,0);width:1px;height:8px} 
.org-chart .depth02 div:last-child li a {cursor:initial}   
.org-chart .depth02 div:last-child li a::after {left:-25px;background:none;border:1px solid #999; }  
.org-chart .depth02 div:last-child li:first-child a {background:#757e90;}
.org-chart .depth02 div:last-child li:nth-of-type(2) a {background:#788083;}
.org-chart .depth02 div:last-child li:last-child a {background:#008f8a;}
.org-chart .depth03:before {border:1px solid #999; position:absolute;top:-160px;right:50%; width:calc(50% - 8.333%);content:""; background:#999; height:1px;content:"";display:block; }
.org-chart .depth03 > ul { position:relative; } 
.org-chart .depth03 > ul:first-child:after { border:1px solid #999; content:""; position:absolute; height:16rem;width:1px;background:#dedede;top:-16rem;left:50%;transform:translateX(-50%);display:block; }
.org-chart .depth03 {    
	display: flex;  
	/* min-height: 20rem; */    
	margin-top:7.8rem;
	text-align:center;   
	gap:1rem;  
	position:relative;
}
.org-chart .depth03 > ul{
	display: flex;
	padding: 5rem 1.5rem;
	background: #dee2e5;  
}

.org-chart .depth03 > ul:first-child { width:16.666%; }  
.org-chart .depth03 > ul:last-child { width:83.333%; }

.org-chart .depth03 > ul > li{
	flex: 1;
	margin: 0 1.5rem;
}
.depth03 a{
	display: block;
	padding: 1.5rem 0.5rem 1.5rem 0.5rem;
	background-color: #fff;
}
.depth03-01 > a{
	position: relative;
	display: block;
	padding: 1.5rem 2.5rem 1.5rem 1rem;
	border-top: 2px #025eab solid;
	background-color: #5093d9;
	color: #fff;
	font-size: 15px;
}
.depth03-01 > a:after{
	content: "\e913";
	position: absolute;
	top: 1.5rem;
	right: 1rem;
	display: block;
	font-weight: normal;
	font-size: 14px;
	transition: all 0.1s;
}
/* .depth03-01  + .depth03-02:before{
	content: "";
	position: absolute;
	top: -1rem;
	left: 50%;
	display: block;
	width: 1px;
	height: 1rem;
	background-color: #b6b7b9;
} */
.depth03-02 > li{
	margin: 1rem 0 0 0;
	font-size: 14px;
}
.depth03-02 .appear{
	position: relative;
	margin: 0;
	opacity: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.1s;
}

.depth03-01 > a.active:after{
	content: "\e91a";
	transition: all 0.1s;
}
.depth03-02.active .appear{
	height: auto;
	margin: 1rem 0 0 0;
	opacity: 1;
	visibility: visible;
	overflow: visible;
	transition: all 0.1s;
}
 
.depth01_01_sub { position: absolute;top: 50%;transform:translateY(-50%); right: 0; width:50%; display:flex; justify-content: center; }
.depth01_01_sub ul { width:285px;position:relative; }       
.depth01_01_sub ul { display:flex;flex-direction: column; gap:1rem; } 
.depth01_01_sub ul li a { position: relative;display: block;height: 46px;line-height: 46px;font-weight: 600;color: #fff;z-index: 1;background:#757e90;text-align:center; }      
.depth01_01_sub ul li a br { display:none; }  
.depth01_01_sub:before { border:1px solid #999; content:""; display:block;position:absolute; background:#dedede; height:1px; width:50%; left:0; top:50%; transform:translateY(-50%); }
@media (max-width:1200px){
	.depth01_01_sub { justify-content: flex-end; }  
	.depth01_01_sub ul { width:170px; }
	.depth01_01_sub:before { width:100%; }
}    
@media (max-width:566px){
	.depth01_01_sub ul li a br { display:block; }
}
  
.org-chart a:hover,.org-chart a:focus {text-decoration:underline;}
 

   

/* //2023.09.14 조직 구성 수정 */
 

/* 조직도 검색 */
.org-search.search-form{
	margin-bottom: 50px;
}
.org-search .search-title{
	display: block;
	text-align: center;
	line-height: 45px;
	font-size: 18px;
	font-weight: 700;
}

.declaration .title01.txt-center:before {display:none}
.declaration .txt {width:60%;margin:6rem auto}
.declaration .txt p > * {display:inline-block;vertical-align:middle}
.declaration .txt p + p {margin-top:2rem}
.declaration .txt strong {font-size:2rem;font-weight:600}
.declaration .txt span {font-size:1.8rem}

.declaration .org-chart {width:873px;margin:auto}
.declaration .org-chart .depth02 {text-align:center;width:285px;margin:auto;float:right;overflow:inherit}
.declaration .org-chart .depth02:before {position:absolute;left:-15rem;top:50%;transform:translateY(-50%);content:'';width:15rem;height:1px;background:#dedede}
.declaration .org-chart .depth03 {background:none;border:none;padding:0;margin-top:15rem;overflow:inherit}
.declaration .org-chart .depth03 ul {text-align:center;display:inline-block;position:relative}
.declaration .org-chart .depth03 ul:before {position:absolute;left:50%;top:-36px;transform:translateX(-50%);display:block;width:67.6%;height:1px;background:#dedede;margin:auto;content:''}
.declaration .org-chart .depth03 li {display:inline-block;width:285px}
.declaration .org-chart .depth03 li:before {display:block;width:1px;height:40px;background:#dedede;margin:-40px auto 0;content:''}
.declaration .org-chart .depth03 li + li {margin-left:5px}
.declaration .org-chart .depth03 li:nth-of-type(1) {background:#757e90}
.declaration .org-chart .depth03 li:nth-of-type(2) {background:#91989b}
.declaration .org-chart .depth03 li:nth-of-type(3) {background:#008f8a}
.declaration .org-chart .depth03 li:nth-of-type(2):before {display:none}
.declaration .org-chart .depth03 li p {display:table;height:64px;width:100%;margin-bottom:0;color:#fff;font-weight:600}
.declaration .org-chart .depth03 li p span {display:table-cell;vertical-align:middle;text-align:center}

/* sub0106 ci */
.point {font-size:2rem;font-weight:600;color:#333}
.ci-wrap .img {display:block;margin-bottom:2.2rem}
.ci-wrap .point {margin:5.5rem 0 2.4rem}
.ci-wrap .point strong {color:#0073bd}
.ci-wrap .point + p {line-height:1.6;color:#666;font-weight:200}
.ci-wrap .col-xs-12:first-child {padding-right:1.7rem}
.ci-wrap .col-xs-12:last-child {padding-left:1.7rem}
/* sub0108 찾아오시는길 */
.contact .title01 {margin-top:25px}
.contact .map {position:relative}
.contact .map .info {position:absolute;left:18rem;top:50%;transform:translateY(-50%);z-index:10;padding:4.5rem 4rem}
.contact .map .info::before {position:absolute;left:0;top:0;width:100%;height:100%;background:#757e90;opacity:.9;content:''}
.contact .map .info div {position:relative;color:#fff}
.contact .map .info div strong {display:block;margin:2rem 0 1rem}
.contact .map .info div strong:first-child {margin-top:0}
.contact .map .info div p {font-weight:300;line-height:1.6}
.contact .txt {padding-bottom:4rem;border-bottom:1px dotted #7f7f7f}
.contact .txt:last-child {padding:0;border:0}
.contact .txt p{color:#666;font-weight:300;line-height:1.6}
.contact .txt p.mT30 {color:#999}
.root_daum_roughmap {border:none !important}
.root_daum_roughmap .wrap_btn_zoom {overflow:inherit !important}
.root_daum_roughmap .wrap_btn_zoom:after {display:block;clear:both;content:''}
.root_daum_roughmap .wrap_btn_zoom button:focus {outline:1px solid blue}

/* sub02 */
/* sub0201  연구보고서 */
.view-report {padding:21px 0 31px;border-top:1px solid #132331;border-bottom:1px solid #132331}
.view-report .info {padding-bottom:22px;border-bottom:1px solid #e5e5e5}
.view-report .info > * {display:inline-block;vertical-align:middle}
.view-report .info .img {padding:22px 28px;background:#f2f4f6;width:248px;height:294px;text-align:center}
.view-report .info .txt-wrap {width:calc(100% - 288px);margin-left:36px;}
.view-report .info .txt-wrap p {line-height:1.6}
.view-report .info .txt-wrap h2 {margin-left:1.8rem;font-size:2.2rem;font-weight:600;color:#000}
.view-report .info .txt-wrap ul {margin-top:42px;border-top:1px solid #e5e5e5}
.view-report .info .txt-wrap li {border-bottom:1px solid #e5e5e5;padding:17px 0 18px}
.view-report .info .txt-wrap li > * {display:inline-block;font-weight:200}
.view-report .info .txt-wrap li strong {position:relative;min-width:152px;padding-left:1.8rem;margin-right:4.2rem;color:#4e565d}
.view-report .info .txt-wrap li strong::after {position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:10px;background:#a6a6a6;content:''}
.view-report .info .txt-wrap li p {color:#333}
.view-report .info .txt-wrap li p + span {margin-left:18px}
.view-report .info .txt-wrap li span {padding:0 20px;height:25px;line-height:25px;border-radius:30px}
.view-report .info .txt-wrap li span.size {color:#666;font-size:1.5rem;font-weight:200;background:#efefef}
.view-report .info .txt-wrap li span.download {color:#fff;font-size:1.4rem;background:#4267b2}

.view-report .info .txt-wrap li span + span {margin-left:5px}
.view-report .info .txt-wrap li a:hover,.view-report .info .txt-wrap li a:focus {text-decoration:underline}
.view-report .util {margin:40px 0 38px}
.view-report .util::after {display:block;clear:both;content:''}
.view-report .util .mark {float:left;}
.view-report .util .mark > * {display:inline-block;vertical-align:middle}
.view-report .util .mark p {margin-left:17px;color:#555;line-height:1.5}
.view-report .util .mark p span {color:#008f8a}
.view-report .util .mark p a {position:relative;display:inline-block;}
.view-report .util .mark p a::after {position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:#555;content:''}
.view-report .util .share {float:right;overflow:hidden}
.view-report .util .share li {float:left;margin-left:10px}
.view-report .util .share li.url-share {margin-top:14px}
.view-report .util .share li.url-share a {padding:10px 23px 11px;border:1px solid #ddd;border-radius:30px}
.view-report .util .share li.url-share i {font-size:2rem;color:#000;margin-right:1.2rem;vertical-align:middle}
.view-report .util .share li.url-share span {display:inline-block;}
.view-report .util .share li.url-share a:hover span {text-decoration:underline}
.report-content {border:1px solid #d3dde6;background:#fbfbfb}
.report-content + .report-content {margin-top:19px;}
.report-content h3 {position:relative;height:77px;line-height:77px;padding-left:46px;font-size:2.4rem;font-weight:600}
.report-content h3::before {position:absolute;left:0;top:-1px;width:19px;height:100%;content:''}
#list.report-content h3 {color:#4267b2}
#list.report-content h3::before {background:#4267b2}
#abstract.report-content h3 {color:#149c77}
#abstract.report-content h3::before {background:#149c77}
.report-content .txt-wrap {margin:3.4rem 4.3rem;height:100%;overflow:hidden;line-height:1.6}
.report-content .txt-wrap pre {word-wrap:break-word;height:100%}
#list.report-content .txt-wrap {height:40rem}
.report-content.active .txt-wrap {height:100% !important}
.report-content .more {position:relative;display:block;height:70px;line-height:70px;padding:0 4rem;text-align:right;z-index:10}
.report-content .more span {margin-right:10px}

/* sub0207 해외동향 */
.country-list {margin-bottom:6.4rem}
.country-list p {font-weight:200}
.country-list > ul {border-top:1px solid #000; display: flex; display: -webkit-flex; flex-flow: row wrap;}
.country-list > ul::after {display:block;clear:both;content:''}
.country-list > ul > li {width: 16.66%; overflow: hidden;}
.country-list > ul > li strong {display:block;text-align:center;padding:1.8rem 0;border-bottom:1px solid #ddd;background:#f1f3f5;font-size:1.8rem;color:#000;font-weight:200}
.country-list > ul > li a {display:block;width:100%}
.country-list > ul > li a p {width: 15.5rem;margin:auto;}
.country-list > ul > li a span {display:inline-block;margin-left:1.5rem;font-size:1.5rem;color:#666;font-weight:200;vertical-align:middle}
.country-list > ul > li li {border-bottom:1px solid #ddd;height:57px;line-height:57px;}
.country-list > ul > li a:hover span {text-decoration:underline}
.country-list > ul ul + strong {margin-top:55px;}
.country-list ul.etc span {display:block;text-align:center;margin-left:0}
.country-wrap + .form-control {margin-top:2rem}
.country-wrap {margin-left:100px;margin-top:1rem}
.country-wrap p {display:inline-block;padding:1rem 1.6rem 1rem 2.8rem;color:#555;font-size:1.5rem;background:#ececec;border-radius:30px;margin:.4rem 0 0 .4rem}
.country-wrap p a {display:inline-block;margin-left:.8rem}
.country-wrap p i {color:#c9c6c6;transition:all .4s}
.country-wrap p a:hover i {transform:rotate(180deg)}
.country-select .select-wrap {width:40rem !important}
.country-list .flag {display: inline-block; width: 36px;}
.country-list .flag img {max-width: 100%;}

.view-report.type2 {border-bottom:0}
.view-report.type2 .info {padding-bottom:22px;border-bottom:1px solid #e5e5e5}
.view-report.type2 .info .txt-wrap ul {margin-top:2rem}
.view-report.type2 .info .txt-wrap li {padding:8px 0 0;border:0}
.view-report.type2 .info .txt-wrap li strong {margin:0;min-width:100px}
.view-report.type2 .info .txt-wrap li strong::after {display:none}
.view-report.type2 .info .btn-wrap {margin-left:1.8rem}
.view-report.type2 .info .btn-wrap a {width:230px}
.view-report.type2 .info .btn-wrap a img {display:inline-block;margin:-3px 5px 0 0}
.view-report.type2 .info .btn-wrap a.type2:hover {background:#52555f;color:#fff}
.view-report.type2 .info .btn-wrap a.type5:hover {background:#e5451a;color:#fff}
.view-report.type2 .info .btn-wrap a:hover {text-decoration:underline}

/* sub03 */
/* sub0303 포토갤러리 */
.gallery {padding-top:51px;border-top:1px solid #132331;border-bottom:1px solid #e4e4e4;}
.gallery ul {overflow:hidden;margin-left:-4.2rem}
.gallery li {float:left;padding:0 0 3.5rem 4.2rem;}
.gallery li a {display:block;height:100%}
.gallery .img {position:relative;display:block;width:100%;height:216px;}
.gallery .img::before {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:'xeicon';content:'\e9c5';font-size:4rem;color:#fff;z-index:1;opacity:0;transition:all .4s;transition-delay:.4s}
.gallery .img::after {position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom,#117d58,#117d58,#0f5266);opacity:0;content:'';transition:all .4s}
.gallery .tit {margin:15px 0 5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.gallery .date > * {display:inline-block;vertical-align:middle}
.gallery .date {color:#707786;font-size:1.5rem;font-weight:200}
.gallery .date i {color:#c8d1de;font-size:1.6rem;margin-right:4px;display:none}
.gallery li a:hover .img::before,.gallery li a:focus .img::before {opacity:1;}
.gallery li a:hover .img::after,.gallery li a:focus .img::after {opacity:.7;}
.gallery li a:hover .tit,.gallery li a:focus .tit {text-decoration:underline;}
.gallery.card-news .img {height: 300px;}
/* sub0305 브로슈어 */
.box .txt-wrap a.link i {margin-left:17px}
.brochure {padding:3.4rem 3.9rem;border-top:1px solid #132331;border-bottom:1px solid #e4e4e4;}
.brochure ul {overflow:hidden;margin-left:-8.7rem;text-align:center}
.brochure li {display:inline-block;width:13.61%;text-align:center;margin:2rem 0;margin-left:8.7rem;vertical-align:top}
.brochure .img {display:block;width:100%;height:260px;border:1px solid #e8e8e8;overflow:hidden;}
.brochure .img img {transition:all .4s}
.brochure .view {margin:1.8rem 4.2rem 0;border:1px solid #d5d5d5;overflow:hidden}
.brochure .view a {display:block;float:left;width:50%;height:35px;line-height:35px;border-left:1px solid #d5d5d5;background:#f1f3f5;font-size:1.5rem;color:#555}
.brochure .view a:first-child {border:0;background:#fff}
.brochure .tit {margin-top:1rem;word-break:keep-all;height:6rem}
.brochure li:hover .img img{transform:scale(1.1,1.1);}
.brochure li a:hover ,.newsletter li a:focus {text-decoration:underline;}
/*.brochure.type2 li {width:21.71%}*/
.brochure.type2 .view {margin:1.8rem 0 0}
.brochure.type2 .view a {display:block;height:35px;line-height:35px;border-left:1px solid #d5d5d5;background:#f1f3f5;font-size:1.5rem;color:#555;text-align:center;width:100%}
.brochure.type2 .view a:first-child {border:0;background:#fff}
.brochure.type2 .view.type2 a {float:left;width:50%}

/* sub03 */
/* sub030402 */
.newsletter-request {margin-top:33px;padding:29px 5.3rem 28px;padding-left:117px;border-top:1px solid #132331;border-bottom:1px solid #ddd}
.newsletter-request .tit {position:relative;display:inline-block;padding-left:9.5rem;font-size:2.4rem;color:#333;font-weight:500;vertical-align:middle;width:259px;}
.newsletter-request .tit::before {position:absolute;left:0;top:50%;transform:translateY(-50%);width:7.4rem;height:7.4rem;background:url('/images/custom/web/kor/sub/request01.gif');background-repeat:no-repeat;background-size:contain;content:''}
.newsletter-request .user-data {display:inline-block;padding:0 16rem 0 11rem;vertical-align:middle}
.newsletter-request .user-data p + p {margin-top:1.8rem}
.newsletter-request .user-data label {display:inline-block;width:70px;text-align:left}
.newsletter-request .user-data input,.newsletter-request .user-data .select-wrap {display:inline-block;width:40rem;}
.newsletter-request .user-data .select-wrap {margin-left:-.35rem}
.newsletter-request .btn-wrap {display:inline-block;vertical-align:middle;padding:0;margin-top:0}
.newsletter-request.cancel {padding-left:8.2rem}
.newsletter-request.cancel .tit {width:294px;text-align:right}
.newsletter-request.cancel .tit::before {width:9.2rem;height:6.8rem;background-image:url('/images/custom/web/kor/sub/request02.gif')}
#newsletter p {width:auto !important;}


/* sub04 */
/* sub040102 */
.event-subscribe tr:nth-of-type(-n+2) td input {width:40rem}
.event-subscribe tr:nth-of-type(3) td input {width:15.7rem}
.event-subscribe tr:nth-of-type(4) td input {width:24rem}
.event-subscribe tr:nth-of-type(n+3) .select-wrap {width:15rem;min-width:inherit}
.event-subscribe tr:nth-of-type(4) .select-wrap {margin-left:1.7rem}
.event-subscribe tr:nth-of-type(4) td {overflow:hidden}
/* sub08 */
/* sub0801 통합검색 */
.search-form {margin:50px 0 26px;padding:37px 75px;border:1px solid #e8e8e8;background:#fbfbfb}
.search-form::after, .search-input::after {display:block;clear:both;content:''}
.search-form .select-wrap {float:left;padding-right:.8rem;}
.search-input input[type="text"] {display:block;float:left;height:45px;line-height:45px;width:calc(100% - 20rem);padding:0 18px}
.search-input button {display:block;float:left;background:#3a4042;border:1px solid #3a4042;color:#fff;min-width:20rem;text-align:center;height:45px;line-height:45px;transition:all .4s}
.search-input button:hover, .search-input button:focus {background:#fff;color:#3a4042}
.result-count {margin:-12px 0 28px;padding:0 37px;height:69px;line-height:69px;border:1px solid #ddd;font-weight:200}
.result-count strong {font-size:1.8rem;font-weight:600;color:#e5271e}
.result-list {border-top:1px solid #132331;}
.result-list li a {display:block;padding:29px 37px 30px;border-bottom:1px solid #e4e4e4}
.result-list li a::after {display:block;clear:both;content:''}
.result-list .txt {float:left;font-weight:600;width:80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.result-list strong {font-weight:900;color:#0065a7}
.result-list .date {float:right;font-family:'Gotham', sans-serif;font-size:1.5rem;color:#707786}
.result-list .date > * {display:inline-block;vertical-align:middle}
.result-list .date i {margin-right:4px;font-size:1.6rem;color:#c8d1de}
.result-list li a:hover .txt,.result-list li.org a:hover strong{text-decoration:underline;}
.result-list .org {padding:0}
.result-list .org::after {display:block;clear:both;content:''}
.result-list .org li{float:left;margin-right:3rem;font-weight:600}
.web {display:block}
.mobile {display:none}
/* sub0802 사이트맵 */
.site-map > div{border:5px solid #ebecec;min-height:170px;transition:all .4s}
.site-map > div + div {margin-top:1.7rem}
.site-map > div strong {display:inline-block;vertical-align:middle;width:32rem;text-align:center;font-size:2.4rem;font-weight:700;padding:7rem 0px}
.site-map > div > div {display:inline-block;vertical-align:middle}
.site-map div > ul::after {display:block;clear:both;content:''}
.site-map div > ul > li {float:left;text-align:center;width:152px;margin:1rem 0}
.site-map div > ul > li > a {font-weight:200;color:#666;transition:all .4s}
.site-map div > ul > li ul {margin-top:1.2rem}
.site-map div > ul > li li a {font-weight:200;color:#666;font-size:1.4rem;transition:all .4s}
.site-map > div.active {box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0.3);border-color:#e5271e}
.site-map div > ul > li a:hover {color:#e5271e;font-weight:600}

[id^="info"] p {line-height:1.6}


/* 개인정보처리방침 */
.privacy a:hover{color:#005eac;text-decoration:underline}
.privacy .list {margin-top:2.5rem}
.privacy .list p {line-height:1.6}
.privacy .table-show .open-btn {padding:0 2rem}
.privacy .table-wrap td {text-align:center}
.privacy .table-wrap th {background:#f1f3f5 !important}
.privacy .table-wrap .txt-left {padding-left:2rem}
.privacy .normal-title {margin-bottom: 10px;}
.privacy .normal-title02{
	margin-top: 2rem;
	margin-bottom: 1rem;
}

/* 개인정보처리방침 라벨링 */
.label-wrap  {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	width: calc(100% + 1rem);
	margin: 0 -0.5rem; 
	}
.label-wrap > li{
	display: flex;
	width: 16.66%;
	margin-bottom: 1rem;
	padding: 0 0.5rem;
	text-align: center;
	word-break: keep-all;
}
.label-box{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 3rem 1.5rem;
	box-shadow: 0 0.2rem 0.8rem rgb(22 71 170 / 20%);
	border-radius: 10px;
}
.label-box span{
	display: block;
	margin-top: 1.5rem;
}
	
/* 개인정보 목차 */
 .label_Contents .cnt-list{
	display: flex;
	flex-flow: row wrap;
	margin: 1rem 0;
    padding: 2rem 3rem;
    border: 1px solid #d9d9d9;
}
 .label_Contents .cnt-list > li{
	width: 50%;
	margin: 0.5rem 0;
}
.label_Contents .cnt-list [class^="num"]{
	position: relative;
	display: flex;
	align-items: center;
}
.label_Contents .cnt-list [class^="num"] .icon{
	content: "";
	display: inline-block;
	margin-right: 1rem;
	white-space: nowrap;
}
.label_Contents .cnt-list [class^="num"] .icon img{
	display: inline-block;
	width: 4rem;
	height: 4rem;
}

.label-refer-wrap .personal-title{
	margin-top: 0;
	margin-bottom: 0.5rem;
    padding-top: 2.5rem;
}
.label-refer-wrap .list-icon{
	display: inline-block;
	margin-right: 0.5rem;
}
.label-refer-wrap .list-icon img{
	width: 4rem;
}

/* 개인정보 처리방침 변경 이력 셀렉트 */
.personal-history{
	position: relative;
	margin-top: 10px;
	transition: all 0.5s;
}
.personal-history .history-btn{
	display: inline-block;
	padding: 1rem 2rem 1rem 3rem;
	background-color: #52555f;
	color: #fff;
	transition: all 0.3s;
}
.personal-history .history-btn:hover,
.personal-history .history-btn:focus{
	background-color: #373a43;
	transition: all 0.3s;
}
.personal-history .history-btn i{
	margin-left: 2rem;
	transition: all 0.5s;
}
.personal-history .history-list{
	display: none;
	margin-top: 10px;
	padding: 2rem 3rem;
	border: 1px #ddd solid;
}
.personal-history .history-list ul > li{
	margin: 1rem 0;
}
.personal-history .history-list a{
	display: inline-block;
}
.personal-history .history-list i{
	position: relative;
	top: -2px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	color: #04c;
}
.personal-history.active .history-btn i:before{
	content: "\e944";
	transition: all 0.5s;
}
/* .personal-history.active .history-list{
	margin-top: 10px;
	overflow: visible;
	transition: all 0.5s;
} */

.border-box { padding:40px 20px;border:1px solid #ddd; }
.border-box img.mobile { display:none; }
@media (max-width:640px){
	.border-box img.pc { display:none; }
	.border-box img.mobile { display:block; }
}

/* 공공누리  */
.kogl-wrap .box {position:relative;font-weight:200;border-top-color:#008c8c}
.kogl-wrap .box .flag {position:absolute;right:0;top:0}
.kogl-wrap .box .btn-wrap {margin-top:1.5rem}
.kogl-wrap .box a {padding:0 2rem}
.kogl-wrap .btn-wrap > * {margin:0 .25rem}
.kogl-wrap .border-box-gray2 > div {padding-bottom:3rem;margin-bottom:2.8rem;border-bottom:1px dotted #7f7f7f}
.kogl-wrap .border-box-gray2 > div > * {display:inline-block;vertical-align:middle}
.kogl-wrap .border-box-gray2 > div p {margin-left:2.2rem}
.kogl-wrap .border-box-gray2 > div p strong {display:block;font-size:2rem;color:#005eac;font-weight:600}
.kogl-wrap .border-box-gray2 > div p span {display:block}

/* 공공누리 일반증서, 이용약관 */
.public-clause [id^="tab"]{opacity:0;height:0;overflow:hidden;padding-bottom:0;transition:opacity .4s,height .4s,overflow .4s;}
.public-clause [id^="tab"].active {opacity:1;height:auto;overflow:visible;padding-bottom:6rem;border-bottom:1px dotted #7f7f7f}
.public-clause .border-box-gray2 p {display:inline-block;margin:0 1rem}
.public-clause .border-box-gray2 p span {display:block;color:#005eac;font-size:2rem;margin-top:1rem}

/* wardy */

[class^="wardy"] .txt-wrap {
	position:relative;
	width: calc(100% - 50rem);
	line-height: 1.6;
	word-break: keep-all;
	}
[class^="wardy"] .img {
	text-align:center;
	}
.wardy .point-strong{
	display:block;
	margin-bottom:3rem;
	font-weight: 700;
	font-size: 4rem;
	line-height: 1.25;
	}
.wardy .txt-wrap p+p{
	margin-top: 1rem;
	}

.wardy0101 .txt-wrap::after {
	position: absolute;
    right: -50rem;
    bottom: 0;
    width: 38rem;
    height: 31.8rem;
    background-image: url(/images/custom/web/kor/sub/wardy_top01.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    z-index: -1;
	}
.wardy0101-mobile strong{
	display: block;
    margin-bottom: 6rem;
    padding: 2rem;
    font-size: 4rem;
    font-weight: 700;
    color: #fff;
    background: #004b84;
    border-radius: 50rem;
	}
.wardy0101-mobile ul li{
	position: relative;
    display: block;
    margin-bottom: 5rem;
    padding: 2rem 4rem;
    font-size: 2rem;
    letter-spacing: -1px;
    border-radius: 50rem;
    border: 2px #0664ac solid;
	word-break: keep-all;
	}
.wardy0101-mobile ul li:before{
	content: "";
    position: absolute;
    top: -30px;
    left: 50%;
    display: block;
    width: 7px;
    height: 7px;
    background-color: #0664ac;
    border-radius: 50%;
	}
.wardy0101-mobile ul li:nth-child(2){
    border: 2px #2c86ca solid;
	}
.wardy0101-mobile ul li:nth-child(2):before{
    background-color: #2c86ca;
    }
.wardy0101-mobile ul li:nth-child(3){
    border: 2px #64aade solid;
	}
.wardy0101-mobile ul li:nth-child(3):before{
    background-color: #64aade;
    }
    
/* 와디 조직도  */
.organizationInfo .organInfo{position:relative;padding:17px 35px 17px 20px;margin-top:20px;border:1px solid #eaeaea;background:#fff}
.organizationInfo .organInfo + .organInfo{margin-top:-1px}
.organizationInfo .organInfo:after{clear:both;display:block;content:""}
.organizationInfo .organInfo:hover{box-shadow:0 12px 35px rgba(0,0,0,0.13);z-index:1}
.organizationInfo .organInfo > dt{float:left;min-width:105px;font-weight:700;font-size:1.125em;line-height:1.3333em;color:#000;letter-spacing:-0.04167em}
.organizationInfo .organInfo > dd{float:left;font-weight:300;line-height:1.5em;color:#000;letter-spacing:-0.03125em;white-space:nowrap}
.organizationInfo .organInfo > dd span{position: relative; display:inline-block; margin-left:1rem; padding-left:1rem; font-size: 1.4rem;}
.organizationInfo .organInfo > dd span:before{content: ""; position: absolute; left: 0; top: 8px; display: block; width: 1px; height: 10px; background-color: #111;}
.organizationInfo .organInfo > dd.mailexten{float:right;position:relative}
.organizationInfo .organInfo ul{float:left;overflow:hidden;height:24px;line-height:1.5em}
.organizationInfo .organInfo li{float:left;line-height:1.5em}
.organizationInfo .organInfo li.mail{/* min-width:100px */ min-width: 50px;}
.organizationInfo .organInfo li + li{min-width:115px;margin-left:20px}
.organizationInfo .organInfo a{float:left;line-height:1.5em}
.organizationInfo .organInfo .email{float:left;line-height:1.5em}
.organizationInfo .organInfo i[class*="xi-"]{float:left;margin:3px 7px 0 0;font-size:1.8rem;line-height:1em;color:#000}
.organInfo_1depth{
	padding:2.5rem 2rem;
	border:1px solid #eaeaea;
	background:#fff;
	}
.organInfo_1depth > h3{
	margin:0 0 10px;
	padding-left:0;
	font-size:3rem;
	font-weight:700;
	color:#0065a7;
	}
.organInfo_1depth > h3 i{margin-right: 1rem;}
.organInfo_1depth > h3:after{display:none}
.organInfo_1depth + .organInfo_2depth,.organInfo_2depth + .organInfo_2depth{margin-top:-1px}
.organInfo_2depth{padding:25px 20px;border:1px solid #eaeaea;background:#fafafa;}
.organInfo_2depth strong{display:block;position:relative;padding-left:20px;margin:0 0 10px;font-weight:500;font-size:1.375em;line-height:1.3636em;color:#000;letter-spacing:-0.04545em}
.organInfo_2depth strong:after{position:absolute;top:7px;left:0;width:3px;height:20px;background:#5c96cb;content:""}
.organInfo_lst{padding-left:25px}
.organInfo_lst > li{margin-top:30px}
.organInfo_lst > li > strong{padding-left:17px}
.organInfo_lst > li > strong:after{top:13px;width:7px;height:7px;border-radius:50%;background:#b7bec7}
.organizationInfo .organInfo_1depth .organInfo > dt{min-width:125px}
.organizationInfo .organInfo_1depth .organInfo > dd.mailexten{padding-right:25px}
.organizationInfo .organInfo_1depth .team_member{padding:10px 0 0 20px}
.organizationInfo .organInfo_2depth .organInfo > dt{min-width:125px}
.organizationInfo .organInfo_2depth .organInfo > dd.mailexten{padding-right:25px}
.organizationInfo .organInfo_lst .organInfo{margin-top:15px}
.organizationInfo .organInfo_lst .organInfo + .organInfo{margin-top:-1px}
.organizationInfo .organInfo_lst .team_member{padding:30px 0 0 20px}
.organizationInfo .organInfo_lst .team_member > .organInfo{margin-top:0}
.organizationInfo .organInfo_lst .team_member > .organInfo + .organInfo{margin-top:-1px} 
   

.wardy01 .txt-wrap::after {position:absolute;right: -50rem;bottom:-66px;width:47rem;height:40rem;background-image:url('/images/custom/web/kor/sub/wardy01_01.png');background-size:contain;content:'';z-index:-1}
.wardy01 .w-history {margin-top:6.8rem;padding-top:6.5rem;border-top:1px solid #000}
.wardy01 .w-history::after {display:block;clear:both;content:''}
.wardy01 .w-history h2 {display:inline-block;margin:0 8rem 0 0;vertical-align:top}
.wardy01 .w-history div {display:inline-block}
.wardy01 .w-history .point-txt04 {font-size:3.6rem;color:#008c8c;}
.wardy01 .w-history ul {margin-top:4.4rem}
.wardy01 .w-history li + li {margin-top:2.6rem}
.wardy01 .w-history li p {display:inline-block;color:#666;font-weight:200;vertical-align:middle;line-height:1.6;width:calc(100% - 200px)}
.wardy01 .w-history li p.date {width:136px;height:136px;font-size:1.8rem;font-weight:600;color:#fff;background:#008c8c;text-align:center;margin-right:4rem;border-radius:50px}
.wardy01 .w-history li p.date span {display:block;margin-top:50%;transform:translateY(-50%)}
.wardy01 .activities .point-txt04 {position:relative}

.wardy02 .point-txt04 {margin-bottom:4rem}
.wardy02 .foundation {opacity:0;height:0;overflow:hidden;transition:all .4s}
.wardy02 .foundation.active {opacity:1;height:auto;overflow:visible}


.wardy03 a:hover {text-decoration:underline;color:#0064a8}
.wardy03 .wardy-bg::after {position:absolute;right: -50rem;top:50%;transform:translateY(-50%);content:'';width:559px;height:209px;background-image:url('/images/custom/web/kor/sub/wardy03-bg.png');background-size:contain;background-repeat:no-repeat}
.wardy03 .member-list {border-top:1px solid #000;margin-top:6rem}
.wardy03 .member-list > li {padding:4.5rem 5.4rem 6rem;border-bottom:1px solid #ddd}
.wardy03 .member-list .img {display:inline-block;width:108px;height:81px;margin-right:7rem}
.wardy03 .member-list .txt {display:inline-block;vertical-align:middle;width:calc(100% - 320px)}
.wardy03 .member-list .name {font-size:3rem;color:#000;font-weight:700;margin-bottom:2.2rem}
.wardy03 .member-list .info li:last-child a {padding-right:25px;position:relative}
.wardy03 .member-list .info li:last-child a::after {position:absolute;right:0;top:.7rem;width:14px;height:14px;background:url('/images/custom/web/kor/sub/link3.gif');content:''}
.wardy03 .info li::after {display:block;clear:both;content:''}
.wardy03 .info strong {float:left;display:block;width:100px;margin-right:1rem;color:#0064a8;font-weight:600}
.wardy03 .info p {float:left;width:calc(100% - 110px);color:#666}
.wardy03 .border-box-gray2 {text-align:center}
.wardy03 .border-box-gray2 > * {display:inline-block;vertical-align:middle}
.wardy03 .border-box-gray2 .txt {text-align:left;margin-left:6rem}
.wardy03 .border-box-gray2 .info strong {width:60px}


.wardy .search-form  .search-input input[type="text"]{
	width: calc(100% - 20rem - 1rem - 12rem);
	}
.wardy .search-form .search-input button + button{
	margin-left: 1rem;
	}
.wardy .search-form .button-back{
	min-width: 12rem;
	}
	
.icfs {
	position:relative;
	padding-left: 50rem;
	min-height: 89rem;
	}
.icfs:before{
	content: "";
	position:absolute;
	left:0;
	top:10rem;
	display:inline-block;
	width:51rem;
	height:64.5rem;
	background-image:url(/images/custom/web/kor/sub/wardy_icfs.png);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
	}
.icfs-list{
	position: relative;
	}
.icfs-list:before{
    content: "";
    display: block;
    position: absolute;
    top:7px;
    left:0.75rem;
    width: 1px;
    height: calc(100% - 50px);
    background: #bababa;
    z-index: -1;
    }	
.icfs-list > li {
    position: relative;
    margin: 6rem 0;
    padding: 0 0 0 5rem;
    font-size: 1.7rem;
    clear: both;
    }
    
.icfs-list > li:before{
	content: "";
    position: absolute;
    left: 0;
    top:7px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background: #b0b0b0;
    }
.icfs-list > li:first-child:before{
    background: #0066a7;
	}
.icfs-list > li:nth-child(2):before{
    background: #54adb6;
	}
.icfs-list .data{
	display:block;
	margin-bottom:0.75rem;
	font-family: 'Montserrat', 'Noto', sans-serif;
	font-weight: 700;
	font-size: 2.4rem;
	}
.icfs-list .txt{
	margin-bottom:0.5rem;
	font-style: italic;
	font-weight: 500;
	}
.icfs-list .txt a:hover,
.icfs-list .txt a:focus{
	text-decoration: underline;
	}
.icfs-list .txt [class^="color"]{
	display: inline-block;
    margin-right: 1rem;
    padding: 0.5rem 1rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4rem;
    /* border-radius: 10rem; */
	}
.icfs-list .txt .color01{
	background: #0066a7;
	}
.icfs-list .txt .color02{
	background: #54adb6;
	}
.icfs-list .txt .color03{
	background: #e56d6b;
}
.icfs-list .txt .color04{
	background: #bf7200;
}
.icfs-list .txt .color05{
	background: #3B8339;
}
	
/* wardy map */
.map_wrap{margin-bottom: 5rem; height: 79rem;} /* 익스에 크기 작게 보여서 줌 */
.map_mobile_wrap{display: none;}

.st0{fill:#DCF0FA;}
.st1{font-family:'Noto', sans-serif; font-weight: 500;}
.st2{font-size:20px;}
.st3{fill:#fff;}
.st4{fill:#CFC1A2;}
.st5{fill:#F6D85B;}
.st6{fill:#92C686;}
.st7{fill:#79B3CD;}
.st8{fill:#F0AB50;}
.st9{fill:#EA8C88;}
.st10{fill:#AE7E44;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st11{fill:#EFA027;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st12{fill:#1F7BA4;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st13{fill:#3B8339;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st14{fill:#040000;}
.st15{fill:#1A62AE;}
.st16{font-family:'Noto', sans-serif; font-weight: 500;}
.st17{font-size:20px;}
.st18{fill:#B97C1F;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st19{fill:#C9462E;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st20{fill:#10479D;stroke:#10479D;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st21{fill:none;stroke:#FFFFFF;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st22{fill:#FDFFFF;}
.st23{fill:#10479D;stroke:#10479D;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}


.map_wrap a .marker{display: none;}
.map_wrap a .back-color{display: none;}
.map_wrap a .st3{fill: #151515;}

.map_wrap a:focus .st3,
.map_wrap a:hover .st3 {fill: #fff;}
.map_wrap a:focus .back-color,
.map_wrap a:hover .back-color{display: block;}

.map_wrap .active > .marker{ display: block;}
.map_wrap .active > .back-color{display: block;}
.map_wrap .active > .st3{fill: #fff;}


#continentETC .st3{fill: #fff;}
#continentETC.active > .st23,
#continentETC:focus .st23,
#continentETC:hover .st23{fill:#072d5b;stroke:#072d5b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

/* wardy map */

[class^="assault"] .txt-wrap {
	position:relative;
	width: calc(100% - 50rem);
	line-height: 1.6;
	word-break: keep-all;
	}
[class^="assault"] .img {
	text-align:center;
	}
.assault .point-strong{
	display:block;
	width: calc(100% - 50rem);
	margin-bottom:3rem;
	font-weight: 700;
	font-size: 4rem;
	line-height: 1.25;
	}
.assault .txt-wrap p+p{
	margin-top: 0.5rem;
	}
	
.assault0101 .txt-wrap{
	padding-bottom: 6rem;
}
.assault0101 .txt-wrap::after{
	position: absolute;
    right: -50rem;
    bottom: 0;
    width: 51rem;
    height: 29.1rem;
    background-image: url(/images/custom/web/kor/sub/assault_top01.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    z-index: -1;
}
.assault-ass{
	display:flex;
	flex-flow:row wrap;
	width: 100%;
}
.assault-ass > li{
	width: 50%;
	padding: 0 2rem;
}
.assault-ass > li dt{
	display:block;
	margin-bottom:2rem;
	padding:2rem 0;
	text-align:center;
	background-color: #0065a7;
	color: #fff;
	font-weight: 500;
	font-size: 2rem;
	border-radius: 10px;
}
.assault-ass > li:nth-child(2) dt{
	background-color: #008492;
}
.assault-ass > li dd{
	min-height:23rem;
	padding:3rem;
	border:1px #ddd solid;
	border-radius: 10px;
}
.assault-ass > li dd > ul > li{
	margin-bottom: 1.5rem;
	padding-left:1rem;
	font-size: 1.8rem;
	font-weight: 500;
}
.assault-ass > li dd > ul.bul > li:before {
    top: 12px;
    width: 3px;
    height: 3px;
	border-radius: 10px;
    background: #797979;
}

/* 통계정책 DB */
.stats-policy {margin-top: 26px; border-top: 1px solid #132331;}
.stats-policy > li {border-bottom: 1px solid #e4e4e4; color: #666;  font-weight: 200;}
.stats-policy > li a {display: inline-block;  position: relative; width: calc(100% - 15%); padding: 3rem 1.5rem;  vertical-align: middle;}
.stats-policy > li.active, .stats-policy > li:hover {box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0);-webkit-box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0.3);  -moz-box-shadow:0px 2px 11px 0px rgba(50, 50, 50, 0.3);}
.stats-policy > li.active a {text-decoration:underline}
.stats-policy > li .tit {display: block;  color: #333;  font-size: 1.8rem;  font-weight: 600;}  
.stats-policy > li .txt {clear: both; margin: .6rem 0; line-height: 1.4; font-size: 1.5rem; font-weight: 200;}
.stats-policy > li .date {display: inline-block; width: 13%; text-align: center; vertical-align: middle;}

/* 댓글 style
--------------------------- */
.comment {margin-top: 85px;padding: 25px 30px;border: 1px solid #ddd;overflow: hidden;}
/* 댓글등록 */
.comment_write {margin-bottom: 25px;overflow: hidden;}
.comment_write dt {margin-bottom: 13px;color: #333;font-weight: 600;}
.comment_write_tit {margin-bottom: 25px;color: #333;font-size: 1.6rem;font-weight: 600;overflow: hidden;}
.comment_write_tit i,.comment_write dt i {color: #e5451a;}
.comment_write dd {position: relative;overflow: hidden;}
.comment_write dd textarea {width: 91%;height: 77px;}
.comment_write dd .btn {position: absolute;top: 0;right: 0;width: 100px;height: 77px;line-height: 77px;}
/* 댓글목록 */
.comment_list {overflow: hidden;}
.comment_list > li {position: relative;padding: 25px 0;border-bottom: 1px dashed #ddd;overflow: hidden;}
.comment_list > li:first-child {border-top: 1px dashed #ddd;}
.comment_write_name {font-size: 1.5rem;font-weight: 600;}
.comment_write_date {margin: 0 15px;color: #777;font-size: 1.3rem;font-weight: 300;}
.comment_write_content {margin-top: 20px;color: #777;font-size: 1.4rem;overflow: hidden;}
.comment_write_btn {position: absolute;top: 25px;right: 20px;}
.comment_write_btn a {display: inline-block;padding: 3px 8px 2px 3px;border: 1px solid #d1d1d1;font-size: 1.3rem;}
.comment_write_btn a i {display: inline;vertical-align: middle;line-height: .8;font-size: 2rem;font-weight: bold;}
/* 경영공시 */
.management-area {overflow: hidden;}
.management-list {display: inline-block;width: 48%;margin-top: -35px;vertical-align: top;overflow: hidden;}
.management-list:nth-child(1) {margin-right: 2%;}
.management-list > li {margin-top: 35px;border: 1px solid #ddd;border-top: 1px solid #000;vertical-align: top;overflow: hidden;}
.management-list > li > strong {display: block;padding: 15px 25px;background-color: #f1f3f5;border-bottom: 1px solid #ddd;color: #005eac;}
.management-list ul {padding: 25px;line-height: 1.6;}
.management-list ul > li > span  {display: block;float: left;width: 20px;margin-right: 8px;color: #000;font-weight: 400;}
.management-list ul > li > a { display: block;position: relative; word-break: keep-all;overflow: hidden;}
.management-list ul > li > a:hover {text-decoration:underline}
@media(max-width:640px){
.comment_write_btn {position: inherit;top: inherit;left: inherit;}
}
@media(max-width:500px){
.management-list {width: 100%; margin-top: -20px;}
.management-list:nth-child(1) {	margin-right: 0;}
.management-list > li {	margin-top: 20px;}
.management-list > li > strong {padding: 10px 15px;	}
.management-list ul {padding: 15px;}
}

@media(max-width:1553px){
  .site-map > div {padding:2rem 0}
  .site-map > div strong {width:20rem}
  .site-map > div > div {width:calc(100% - 21rem)}
  .site-map .type1>ul>li {min-height:80px}
  .site-map .type1:nth-of-type(1) li:nth-of-type(n+5) {min-height:inherit}
  .org-chart .depth02 div:last-child ul::before {left:-66%}
}
@media(max-width:1500px){
	.generation-director .txt-wrap .name {font-size:1.7rem;margin:1.4rem 0 2rem}
	.form-wrap .form-control span input.w9 {width:60% !important}

}
@media(max-width:1445px){
	.newsletter-request .user-data {padding:0 5rem 0 6rem}
	.org-chart .depth02 div:last-child ul::before {left:-58%;width:48%}
	
	.greeting-img{
		width: 50rem;
	}
	.greeting-txt{
		width: calc(100% - 50rem - 4.8rem); 
	}
	
}
@media(max-width:1400px){

  .functions .circle {width:25rem;height:25rem}
  .functions .circle strong {font-size:2rem}
  .org-chart .depth02 div:last-child ul::before {left:-53%}
}
@media(max-width:1386px){
	.border-box-gray2 .info > div:nth-of-type(-n+2) {width:40%}
	.border-box-gray2 .info > div:last-child {width:18%;text-align:center}
	.border-box-gray2 .info > div:last-child .img {margin-bottom:1rem}
}
@media(max-width:1370px){
	.form-wrap > a.open {top:2rem}
	.form-wrap .form-control:after {display:block;clear:both;content:''}
	.form-wrap .form-control span,.form-wrap .form-control span input {width:calc(100% - 104px) !important}
	.form-wrap .form-control span.control {width:auto !important;}
	.form-wrap .form-control span.control input {width:22px !important}
	.form-wrap .form-control.country-select span {width:calc(50% - 104px) !important}
	.control {min-height:inherit}
}
@media(max-width:1320px){
	.org-chart .depth02 div:last-child ul::before {left:-45%}
}
@media(max-width:1280px){
	.newsletter-request {padding-left:2rem !important;padding-right:2rem !important}
	
	
	.greeting-img{
		width: 40rem;
	}
	.greeting-txt{
		width: calc(100% - 40rem - 4.8rem); 
	}
	
}
@media(max-width:1240px){
	.functions::before {display:none}
	.org-chart .depth02 div:last-child ul::before {left:-40%}
}
@media(max-width:1200px){
  .org-chart .depth02 div:last-child {float:none;width:100%;position:initial !important}
  .org-chart .depth02 div:last-child ul::before,.org-chart .depth02 div:last-child ul::after,.org-chart .depth02 div:last-child li a::after {display:none !important}
  .org-chart .depth02 div:first-child ul {width:170px;margin:0}
  .org-chart .depth02 div:first-child li:first-child a::after {right:-30vw;width:30vw}
  .newsletter li {width:27.8%}
  .newsletter li .img {height:auto;min-height:inherit;}
  .brochure {padding:0 3rem}
  .view-report .util {margin-bottom:1.5rem}
  .view-report .util .mark, .view-report .util .share {float:none}
  .view-report .util .share {text-align:right;margin-top:2rem}
  .view-report .util .share li {float:none;display:inline-block;vertical-align:middle;margin-top:0 !important}
  .view-report .info > * {display:block;}
  .view-report .info .txt-wrap {margin:20px 0 0;width:100%}
  .view-report .info .txt-wrap ul {margin-top:20px}
  .view-page .info2 {line-height:inherit;height:auto;padding:2rem 1rem}
  .view-page .info2 > strong {width:60px}
  .view-page .info2 ul {padding-left:0}
  .view-page .info2 li {float:none !importnat;}
  .view-page .info2 li::before {display:none}
  .box.txt-only {padding:4.7rem 2rem}
  .box.txt-only + div {padding:0 2rem}
  .border-box-gray2 .info > div > * {display:block}
  .border-box-gray2 .info .img {margin:0 0 1rem;text-align:center}
  
  .map_world_svg{padding: 0 5%;}
  
  .icfs{
  	padding-left: 40rem;
 	}
  .icfs:before{
 	 width: 40rem;
 	}
 	
 	.assault .point-strong{
 		width: 100%;
 	}
 	[class^="assault"] .txt-wrap{
 		width: 100%;
 	}
 	.assault0101 .txt-wrap{
 		padding-bottom: 0;
 	}
 	[class^="assault"] .txt-wrap::after {
	    position: static;
	    right: inherit;
	    bottom: inherit;
	    width: 100%;
	    display: block;
	    background-repeat: no-repeat;
	    background-position: center;
	    margin: 3rem 0 0;
    }
    
    .assault-ass > li dt{
    	font-size: 1.6rem;
    }
    .assault-ass > li dd{
    	padding: 2rem;
    }
    .assault-ass > li dd > ul > li{
    	font-size: 1.5rem;
    }
    .assault-ass > li dd > ul.bul > li:before{
    	top:9px;
    }

}
@media(max-width:1160px){
	.newsletter-request .tit {display:block;margin:2rem auto;text-align:center}
	.newsletter-request .user-data {display:block;width:100%;padding:2rem 0;text-align:center;}
	.newsletter-request .btn-wrap {display:block;text-align:center}
	.wardy03 .border-box-gray2 > * {display:block}
	.wardy03 .border-box-gray2 .txt {margin-left:0}
}
@media(max-width:1090px){
  .view-page .info {height:auto;line-height:inherit;padding:0}
  /*.view-page .info h1 {float:none;text-align:center;padding:20px 3rem;border-bottom:1px solid #ddd}
  .view-page .info ul {float:none;text-align:center;padding:0 3rem}
  .view-page .info li {float:none;display:table-cell;width:1%;padding:10px 0;margin:0}*/
  .brochure ul {margin:0}
  .brochure li {width:28%;margin:2rem}
  .greeting .greeting-txt {padding-bottom:3rem}
  .greeting .greeting-txt::before {width:100%}
  .contact .map .info {left:2rem}
  .wardy03 .wardy-bg {padding:0}
  .wardy03 .wardy-bg::after {position:static;right:inherit;top:inherit;transform:translateY(0);display:block;width:100%;height:150px;margin-top:2rem;background-position:center}
  .link-tab a {width:50%}
  .link-tab a:nth-of-type(3) {border-left:1px solid #ddd}
  .form-wrap .form-control strong {display:block;width:100%;margin-bottom:1.5rem}
  .form-wrap .form-control span, .form-wrap .form-control span input {width:100% !important}
  .form-wrap {padding:3rem}
  .country-wrap {margin-left:0}
}
@media(max-width:1025px){
  .sub-title > div {width:90%}
  .board-list colgroup, .board-list thead {display:none}
  .board-list tbody,.board-list tr,.board-list td {display:block;}
  .board-list tr {position:relative;width:100%;padding:20px 10px;border-bottom:1px solid #e4e4e4}
  .board-list td {border:0}
  .board-list td.notice,.board-list td.num,.board-list td.author,.board-list td.date,.board-list td.type,.board-list [class^="category"],.board-list .current-state,.board-list .answer,.board-list .file,.board-list .pop-btn {display:inline-block;}
  .board-list td.pdf,.board-list td.file,.board-list td.link,.board-list td.btns,.board-list td.pop-btn {position:absolute;top:20px;}
  .board-list td.pdf,.board-list td.file {right:12px}
  .board-list td.pop-btn {right:40px}
  .board-list td.link {right:40px}
  .board-list td.btns {right:30px}
  .board-list td.period,.board-list td.book {text-align:left}
  .board-list td.period::before {display:inline-block;content:'접수기간 : ';}
  .board-list td.count {display:inline-block;padding-left:1rem}
  .board-list td.count::before {display:inline-block;content:'신청자/인원 :  ';}
  .board-list td.view-count {display:none}
  .board-list .txt a {padding-bottom:0;}
  .board-list .type + .txt a{
  	    padding: 2rem 0 0 0;
  }
  .board-list .txt div strong{
  	margin-bottom: 1rem;
  }
  .board-list .txt a > p{
  	margin-bottom: 2rem;
  	line-height: 1.5;
  }
  /* .board-list .txt .keyword {float:right} */
  .board-list td.type {}
  .board-list .tit a {width:78%;}
  .box .img {display:block;margin-bottom:30px}
  .box .txt-wrap {margin:2rem 0 0;text-align:center;}
  .box .txt-wrap .tit {text-align:left}
  .box .txt-wrap .tit br {display:none}
  .box .txt-wrap .txt {text-align:left}
  .box .txt-wrap ul {text-align:left}  
  .site-map > div strong {display:block;width:100%;padding:1rem 0}
  .site-map > div > div {width:100%}
  .site-map div > ul > li {float:none;width:auto;min-height:inherit !important}
  .foundation li div {width:calc(50% - 4rem)}
  .foundation li:nth-of-type(odd) div {margin-left:2rem}
  .foundation li:nth-of-type(even) div {margin-right:2rem}
  .country-list > ul ul + strong {margin-top:57px}
  

  
  .icfs{
  	padding-left: 0;
  	}
  .icfs:before{
  	content: none;
  	}
  	
  	
	/* 조직도 */
	.org-chart .depth03 > ul{
		flex-flow: row wrap;
	}
	.org-chart .depth03 > ul > li{
		flex: none;
		width: calc(100% / 3 - 3rem);
		margin-bottom: 3rem;
	}
	
	.greeting{
		flex-direction: column;
	}
	.greeting-img{
		width: 100%;
		height: 40rem;
		margin-bottom: 4.8rem;
		overflow: hidden;
	}
	.greeting-img img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		background-color: #9a9a8e;
	}
	.greeting-txt .first-txt .point-color01 br{
		display: inline-block;
	}
	.greeting-txt{
		width: 100%;
	} 
	.org-chart .depth03 { flex-direction: column; }
	.org-chart .depth03:before { display:none; }  
	.org-chart .depth03 > ul { width:100% !important; justify-content: center; }
	 
	
}
@media(max-width:1000px){
	.org-chart .depth02 div:first-child li:first-child a::after {right:-19vw;width:19vw}
	.event-subscribe tr td {padding:18px 10px}
	.event-subscribe tr:nth-of-type(-n+2) td input {width:100%}
	.event-subscribe tr:nth-of-type(3) td input,.event-subscribe tr:nth-of-type(3) td .select-wrap {width:30%}
	.event-subscribe tr:nth-of-type(4) td .float-left {width:calc(100% - 230px)}
	.event-subscribe tr:nth-of-type(4) td input{width:46%}
	.event-subscribe tr:nth-of-type(4) td .select-wrap {width:200px}
	.search-form > * {margin-top:1rem}
	.search-form .select-wrap {padding:0}
	.wardy03 .member-list > li {padding:3rem 2rem}
	.wardy03 .member-list .img {display:block;text-align:center;margin:0 auto 2rem}
	.wardy03 .member-list .txt {display:block;width:100%}
	.wardy03 .info strong,.wardy03 .info p {float:none;display:block;width:100%}
	.wardy03 .member-list .info li:last-child a::after {top:.5rem}
	.view-page .info ul li {margin:10px 15px}
  
	
	/* 개인정보처리방침 */
	.label-wrap > li{
		width: 33.3%;
	}
	
}
@media(max-width:970px){
	.brochure {padding:0}
	.brochure li {width:30%;margin:2rem 1rem}
	.ci-wrap .btn.download {width:48%}
	.wardy01 .activities .img {margin-top:2rem}
	.paging + .btn-wrap {margin-top:2rem}
	.declaration .org-chart {width:100%}
	.declaration .org-chart .depth03 ul:before {width:62.3%}
	.declaration .org-chart .depth03 ul {width:100%}
	.declaration .org-chart .depth02, .declaration .org-chart .depth03 li {width:30%}
	
	.org-chart .depth03 div {width: 33.33%;}
}
@media(max-width:820px){
	.table-wrap.view-page th,.table-wrap.view-page td {display:block;width:100%}
	.table-wrap.view-page th {text-align:left}
	.table-wrap.scroll-table {overflow-x:scroll}
	.table-wrap.scroll-table table {width:800px}
}
@media(max-width:800px){
  .search-form {padding:37px}
  .search-form > div {margin-top:1rem}
  .view-report .util .mark > * {display:block;margin:0 0 10px 0 !important}
  .org .table-wrap {overflow-x:scroll;}
  .org .table-wrap table {min-width:800px}
  .functions .circle {width:20rem;height:20rem}
}
@media(max-width:768px){
 .newsletter li {width:44.5%}
 .brochure li {width:calc(50% - 4rem)}
 .view-report .info .img {margin:auto;}
 .view-report .info .txt-wrap li strong {display:block;padding-left:0;margin-right:0;}
 .view-report .info .txt-wrap li strong::after {display:none}
 .view-report .info .txt-wrap li p {display:block;margin:10px 0}
 .view-report .info .txt-wrap li p + span {margin-left:0}
 .view-report.type2 .info .txt-wrap li {margin-left:1.8rem}
 .org {padding:0}
 .org-chart .depth03 div {width:100%;}
 .country-list > ul > li a p {width:90%}
 .form-wrap .form-control.country-select span {display:block;width:100% !important;}
 .form-wrap .form-control.country-select span + span {margin-top:.5rem}
 .contact .map .info {position:static;left:inherit;top:inherit;transform:translateY(0)}
 .table-wrap.table-scroll {overflow-x:scroll}
 .table-wrap.table-scroll table {width:800px}
 .foundation ul::before {left:.6rem;transform:translateX(0)}
 .foundation li {margin:1rem 0}
 .foundation li div {width:calc(100% - 2rem);margin-right:0 !important}
 .foundation li:nth-of-type(odd) div {text-align:left}
 .foundation li:nth-of-type(odd) div > * {float:left}
 .foundation li:nth-of-type(odd) div::before {right:inherit;left:-2rem}
 .foundation li:nth-of-type(odd) div strong {margin:0 2.4rem 0 0}
 .foundation li:nth-of-type(even) div {float:left;}
 .foundation li:nth-of-type(even) div::before {left:-2rem}
 
 .form-wrap .form-control span input.w9 {width:100% !important}
 .greeting .first_txt .first img {width: 310px;}
 .greeting .img {top: 10rem; }
 
.wardy .point-strong{font-size: 3rem;}
[class^="wardy"] .txt-wrap {width: 100%;}
[class^="wardy"] .txt-wrap::after {position:static;right:inherit;bottom:inherit;width:100%;display:block;background-repeat:no-repeat;background-position:center;margin:10px 0 0}
 
.map_wrap {
	display: none;
	}
.map_mobile_wrap{
	display: block;
	}
.map_mobile_wrap .title {
    background: #3f4858;
    padding: 0 2rem;
    height: 6rem;
    line-height: 6rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    position: relative;
    }
.map_mobile_wrap .title i{
	margin-right:0.5rem;
	color: #F6D85B;
	}
.map_mobile_wrap .mm_world ul{
	width: 100%;
	padding: 2rem 2rem;
	background: #DCF0FA;
	}
.map_mobile_wrap .mm_world ul:after{
	content: '';
	display:block; 
	clear:both;
	}
.map_mobile_wrap .mm_world ul li{
	width: calc(33.3% - 4px);
    margin: 2px;
    float: left;
    text-align: center;
    height: 5rem;
    line-height: 5rem;
    font-size: 1.6rem;
    font-weight: 500;
    background: #fff;
	}
.map_mobile_wrap .mm_world ul li > a {
    display: block;
    width: 100%;
    }
	
.map_mobile_wrap .mm_world ul li.active > a {
    background: #36498d;
    color: #fff;
    }
.organizationInfo .organInfo_1depth .organInfo > dt,
.organizationInfo .organInfo_2depth .organInfo > dt{
	min-width: 100%;
	margin-bottom: 0.5rem;
	}
.organizationInfo .organInfo > dd,
.organizationInfo .organInfo_1depth .organInfo > dd.mailexten,
.organizationInfo .organInfo_2depth .organInfo > dd.mailexten{
	float: none;
	white-space: normal;
	margin-bottom: 0.5rem;
	}

.assault .point-strong{
	font-size: 3rem;
}
.assault-ass > li{
	width: 100%;
	padding: 0;
	margin-bottom: 2rem;
	}	
.assault-ass > li:last-child{
	margin-bottom: 0;
	}

  	
	/* 조직도 */
	.org-chart .depth03 > ul > li{
		width: 100%;
		margin: 0 0 3rem 0;
	}

}
@media(max-width:740px){
	.event-subscribe tr th,.event-subscribe tr td {display:block;width:100%}
	.web {display:none}
	.mobile {display:block}
	.generation-director .img {display:block;text-align:center}
  	.generation-director .txt-wrap {margin:1rem 0 0;display:block;width:100%}
  	.border-box-gray2.type2 {padding:4rem 2rem}
  	.history .tab-his::before {display:none}
  	.history .tab-his a {text-align:center !important}
  	.history .tab-his a span {padding:0}
  	.border-box-gray2 .info > div:nth-of-type(-n+2) {width:49.5%;text-align:center}
  	.border-box-gray2 .info > div:last-child {width:20%;display:block;text-align:center;margin:4rem auto}
  	.control,.control + .control  {margin:1rem}
  	.greeting .txt-wrap {width: calc(100% - 33rem);}
  	
  	/* 개인정보처리방침 */
  	.label_Contents .cnt-list > li {width: 100%; padding-right: 0;}
}
@media(max-width:640px){
  .box .txt-wrap .txt br {display:none}
  .board-info > div {float:none;width:100%;margin-bottom:2rem}
  .event-subscribe tr:nth-of-type(4) td > *{float:none !important}
  .event-subscribe tr:nth-of-type(4) td .float-left {display:block;width:100%}
  .event-subscribe tr:nth-of-type(4) td input {width:48%}
  .event-subscribe tr:nth-of-type(4) td .select-wrap {display:block;width:100%;margin:1rem 0 0}
  .newsletter-request .user-data input, .newsletter-request .user-data .select-wrap {width:calc(100% - 7.35rem)}
  .country-list > ul > li {width:50%}
  .sub-title a.prev,.sub-title a.next{display:none}
  .sub-title {height:auto;padding:2.5rem 0}
  .sub-title > div {position:static;transform:translate(0,0);width:100%}
  .sub-title h2 {width:calc(100% - 40px)}
  .ci-wrap .col-xs-12 {padding:1rem 0 !important}
  .border-left > div {border-left:0;}
  .border-box-gray2 p br {display:none}
  .kogl-wrap .box .btn-wrap {text-align:center}
  .kogl-wrap .box .btn-wrap > * {margin:.5rem}
  .functions .circle {margin:0 2rem 2rem}
  
  .greeting .img {width: 25rem;}
  .greeting .img .sign {font-size: 1.8rem;}
  .greeting .txt-wrap {width: 100%;}
  .greeting .txt-wrap p:nth-child(-n+2) {width: calc(100% - 28rem);}
}
@media(max-width:566px){
  .org-chart .depth01 {width:60px;height:60px;line-height:60px;margin-bottom:60px; font-size:16px; }
  .org-chart .depth01_sub>a{width:60px;height:60px;line-height:60px; font-size:16px; }   
  .depth01_01_sub ul { width:130px; }      
  .depth01_01_sub ul li a { font-size:12px; }
  .org-chart .depth02 > div:first-child {top:10px} 
  .org-chart .depth02 div:first-child ul {width:100px}
  .newsletter-request .tit {text-align:left !important}
  .paging a.first .xi-angle-left:before,.paging a.last .xi-angle-right:before {margin-right:-2px}
  .brochure li {width:calc(100% - 2rem)}
  .brochure .img {width:177px;height:220px;min-height:inherit;margin:auto}
  .brochure .view {margin:1.8rem 0 0}

  .greeting .txt-wrap p:nth-of-type(2) {width: 100%;}
}
@media(max-width:540px){
  .report-content .txt-wrap {margin:2.4rem 1.5rem}
  .title01::before {top:0}
  .search-input input[type="text"] {float:none;width:100%}
  .search-input button {min-width:inherit;float:none;width:100%}
  .result-count {padding:0 20px}
  .result-list li a {padding:29px 20px 30px}
  .result-list .txt {width:70%}
  .newsletter {padding:1.5rem}
  .newsletter-request {padding:2rem 1rem !important}
  .view-report.type2 .info .txt-wrap {margin:3rem 0 0}
  .view-report.type2 .info .txt-wrap a {width:49.5%}
  .country-list > ul ul + strong {margin-top:60px}
  .greeting .txt-wrap p:nth-child(-n+2)  {width: 100%;}
  
  .greeting .img {position: relative; top: inherit; right: inherit; width: 100%; text-align: right;}
  /* .greeting .img > span {display: inline-block; width: 25rem; vertical-align: bottom;} */
  .greeting .img .sign {margin-right: 0; }
  
}
@media(max-width:500px){
	.history .tab-his {flex-flow: wrap; margin-bottom:2rem;}
	.history .tab-his a span::after {display:none}
	.history .tab-his a {flex:calc(100% / 2) 0 0;margin:.5rem 0}
	.btn.w20 {width:45%}
	.border-box-gray2 .info > div {display:block;width:100% !important;margin:2rem 0 !important;text-align:center}
	.border-box-gray2 .info .btn {text-align:center !important;width:150px;margin:auto}
	
	
	/*개인정보처리방침  */
	.label-wrap > li {
		width: 50%;
	}
}
@media(max-width:426px){
  .view-page .info ul {text-align:left;padding-right:1.5rem}
  .view-page .info li {display:block;width:100%;margin:.5rem 0 !important;}
  .view-page .info li::before {display:none}
  .view-page .attach p,.view-page .attach ul {float:none;width:100%;margin:0;text-align:left;padding-left:3rem}
  .prevnext li a > * {text-align:left;line-height:inherit;height:auto;padding:1rem}
  .prevnext li .tit {width:100%}
  .prevnext li .date {display:none}
  .brochure {padding:0 1rem}
  .brochure .img {}  
  .org-chart .depth03 div {width:100%}
  .event-subscribe tr:nth-of-type(3) td input, .event-subscribe tr:nth-of-type(3) td .select-wrap {width:100%;dispaly:block;margin-bottom:1rem}
  .event-subscribe tr:nth-of-type(4) td input {display:block;width:100%}
  .newsletter-request .tit::before {display:none}
  .newsletter-request .tit {width:auto !important;padding:0 !important;text-align:center !important}
  .newsletter-request .user-data label {display:block;width:100%;text-align:left;margin-bottom:1.5rem;}
  .newsletter-request .user-data input, .newsletter-request .user-data .select-wrap {display:block;width:100%;margin:0 !important}
  .btn {min-width:80px}
  .box.txt-only + div p {float:none !important}
  .box.txt-only + div a {float:none !important;display:block;margin-top:1rem;text-align:center}
  .kogl-wrap .border-box-gray2 > div p {margin-left:.5rem}
  .foundation li div p {width:calc(100% - 80px)}
  .wardy01 .txt-wrap::after {height:20rem}
  .wardy01 .w-history .point-txt04 {margin-top:1.5rem}
  .wardy01 .w-history li p {display:block;width:100% !important;margin:1rem 0}
  .wardy01 .w-history li p.date {height:auto;padding:1rem 0}
  .wardy01 .w-history li p.date span {margin-top:0;transform:translateY(0)}
  .link-tab a {width:100%;}
  .link-tab a + a {border-top:0 !important;border-left:1px solid #ddd}
  
}
@media(max-width:400px){
	.board-list .txt div strong {float:none;display:block}
	.board-list .txt .keyword {float:none;display:block;width:100%;margin:5px 0 0;text-align:left }
	.contact .map .info {padding:2.5rem 2rem}
	.view-report.type2 .info .txt-wrap a {display:block;width:100%;margin:.5rem 0}
	.greeting .img {text-align: center;} 
}
@media(max-width: 374px){
.greeting .first_txt .first img {
    width: 300px;
	}
}
@media(max-width: 363px){
.greeting .first_txt .first img {
    width: 270px;
	}
}