@charset "UTF-8";
@import url(/static/font/font-awesome-4.7.0/css/font-awesome.min.css);
@import url(/static/font/themify-icons/themify-icons.css);
@import url(/static/jslibrary/ab-datepicker/css/datepicker.css);
@import url(/static/commons/common.css);
* { box-sizing: border-box; }

/* font color */
.fc_black { color: #000 !important; }

.fc_deepgray { color: #333; }

.fc_orange { color: #e73100; }

.fc_blue { color: #5b79b9; }

.fc_darkblue { color: #1f497d !important; }

.fc_cobalt { color: #02728D; }

.fc_red { color: #ea5a59; }

.fc_green { color: #3A7525; }

.fc1, .point { color: #5b79b9; }

.New_red { content: '\f069'; color: red; font-size: 1em; font-weight: bold; vertical-align: baseline; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

a { color: #333; }

a:hover, a:focus, a:active { text-decoration: underline; color: #005596; }

input[type=text], input[type=password], textarea, select { height: 30px; vertical-align: middle; border: 1px solid #7f7f7f; padding-left: 5px; }

textarea { height: auto; }

input[readonly=readonly] { background-color: #f1f0ee; }

body { font-size: 15px; line-height: 1.8; font-family: "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; }

input[type=text].sdate, input[type=text].edate, input[type=text].date { width: 90px; }

@media (max-width: 480px) { input[type=text].sdate, input[type=text].edate, input[type=text].date { width: 70px; } }

.debug { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJFMjlGRTFDODRFMTFFNzk5Q0VBODVGRDU1MjVFNTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJFMjlGRTJDODRFMTFFNzk5Q0VBODVGRDU1MjVFNTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMkUyOUZERkM4NEUxMUU3OTlDRUE4NUZENTUyNUU1NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMkUyOUZFMEM4NEUxMUU3OTlDRUE4NUZENTUyNUU1NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiIQ4XMAAAAGUExURf8AAP///0EdNBEAAAACdFJOU/8A5bcwSgAAABNJREFUeNpiYIQBBgZaMREAIMAAE7sAUi2wObgAAAAASUVORK5CYII=) repeat top left; }

.debug16 { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat top left; }

.debug8 { background: white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat top left; }

.cncol { float: right; width: 100%; }

.col { float: left; width: 100%; }

.row { margin-left: -10px; margin-right: -10px; }

.row dl { /* clear: both; */ }

.cncol { padding: 10px; }

.row .col { padding: 10px; }

.no-padding { margin-left: 0; margin-right: 0; }

.no-padding > .col { padding: 0; }

.padding-type > .col { padding: 0 10px; }

.no-padding > .cncol { padding: 0; }

.padding-type > .cncol { padding: 0 10px; }

.s1 { width: 8.333333%; }

.s-offset-1 { margin-left: 8.333333%; }

.s2 { width: 16.666667%; }

.s-offset-2 { margin-left: 16.666667%; }

.s3 { width: 25%; }

.s-offset-3 { margin-left: 25%; }

.s4 { width: 33.333333%; }

.s-offset-4 { margin-left: 33.333333%; }

.s5 { width: 41.666667%; }

.s-offset-5 { margin-left: 41.666667%; }

.s6 { width: 50%; }

.s-offset-6 { margin-left: 50%; }

.s7 { width: 58.333333%; }

.s-offset-7 { margin-left: 58.333333%; }

.s8 { width: 66.666667%; }

.s-offset-8 { margin-left: 66.666667%; }

.s9 { width: 75%; }

.s-offset-9 { margin-left: 75%; }

.s10 { width: 83.333333%; }

.s-offset-10 { margin-left: 83.333333%; }

.s11 { width: 91.666667%; }

.s-offset-11 { margin-left: 91.666667%; }

.s12 { width: 100%; }

.s-offset-12 { margin-left: 100%; }

@media (min-width: 768px) { .m1, .list2 { width: 8.333333%; }
	.m-offset-1 { margin-left: 8.333333%; }
	.m2 { width: 16.666667%; }
	.m-offset-2 { margin-left: 16.666667%; }
	.m3 { width: 25%; }
	.m-offset-3 { margin-left: 25%; }
	.m4 { width: 33.333333%; }
	.m-offset-4 { margin-left: 33.333333%; }
	.m5 { width: 41.666667%; }
	.m-offset-5 { margin-left: 41.666667%; }
	.m6 { width: 50%; }
	.m-offset-6 { margin-left: 50%; }
	.m7 { width: 58.333333%; }
	.m-offset-7 { margin-left: 58.333333%; }
	.m8 { width: 66.666667%; }
	.m-offset-8 { margin-left: 66.666667%; }
	.m9 { width: 75%; }
	.m-offset-9 { margin-left: 75%; }
	.m10 { width: 83.333333%; }
	.m-offset-10 { margin-left: 83.333333%; }
	.m11 { width: 91.666667%; }
	.m-offset-11 { margin-left: 91.666667%; }
	.m12 { width: 100%; }
	.m-offset-12 { margin-left: 100%; } }

@media (max-width: 600px) { .x1 { width: 8.333333%; }
	.x-offset-1 { margin-left: 8.333333%; }
	.x2 { width: 16.666667%; }
	.x-offset-2 { margin-left: 16.666667%; }
	.x3 { width: 25%; }
	.x-offset-3 { margin-left: 25%; }
	.x4 { width: 33.333333%; }
	.x-offset-4 { margin-left: 33.333333%; }
	.x5 { width: 41.666667%; }
	.x-offset-5 { margin-left: 41.666667%; }
	.x6 { width: 50%; }
	.x-offset-6 { margin-left: 50%; }
	.x7 { width: 58.333333%; }
	.x-offset-7 { margin-left: 58.333333%; }
	.x8 { width: 66.666667%; }
	.x-offset-8 { margin-left: 66.666667%; }
	.x9 { width: 75%; }
	.x-offset-9 { margin-left: 75%; }
	.x10 { width: 83.333333%; }
	.x-offset-10 { margin-left: 83.333333%; }
	.x11 { width: 91.666667%; }
	.x-offset-11 { margin-left: 91.666667%; }
	.x12 { width: 100%; }
	.x-offset-12 { margin-left: 100%; } }

@media (min-width: 1030px) { .l1 { width: 8.333333%; }
	.l-offset-1 { margin-left: 8.333333%; }
	.l2 { width: 16.666667%; }
	.l-offset-2 { margin-left: 16.666667%; }
	.l3 { width: 25%; }
	.l-offset-3 { margin-left: 25%; }
	.l4 { width: 33.333333%; }
	.l-offset-4 { margin-left: 33.333333%; }
	.l5 { width: 41.666667%; }
	.l-offset-5 { margin-left: 41.666667%; }
	.l6 { width: 50%; }
	.l-offset-6 { margin-left: 50%; }
	.l7 { width: 58.333333%; }
	.l-offset-7 { margin-left: 58.333333%; }
	.l8 { width: 66.666667%; }
	.l-offset-8 { margin-left: 66.666667%; }
	.l9 { width: 75%; }
	.l-offset-9 { margin-left: 75%; }
	.l10 { width: 83.333333%; }
	.l-offset-10 { margin-left: 83.333333%; }
	.l11 { width: 91.666667%; }
	.l-offset-11 { margin-left: 91.666667%; }
	.l12 { width: 100%; }
	.l-offset-12 { margin-left: 100%; } }

.ratioSet { width: 100%; height: 0; position: relative; display: inline-block; z-index: 1; }

.ratio-16x9 { padding-bottom: 56.25%; }

.ratio-9x16 { padding-bottom: 177.77%; }

.ratio-4x3 { padding-bottom: 75%; }

.ratio-3x4 { padding-bottom: 133.33%; }

.ratio-6x4 { padding-bottom: 66.6%; }

.ratio-4x6 { padding-bottom: 150%; }

.ratio-8x5 { padding-bottom: 62.5%; }

.ratio-5x8 { padding-bottom: 160%; }

.ratio-7x5 { padding-bottom: 71.42%; }

.ratio-5x7 { padding-bottom: 140%; }

.ratio-1x1 { padding-bottom: 100%; }

.ratioObject { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-size: cover; z-index: 1; border: 1px solid #dee0e6; }

.ratioObject.bg100p { background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }

.imgNoBd .ratioObject { border: none; }

.noimage4x3m { display: inline-block; width: 200px; height: 150px; }

.noimage4x3s { display: inline-block; width: 150px; height: 113px; }

.noimage3x4m { display: inline-block; width: 150px; height: 200px; }

.noimage3x4s { display: inline-block; width: 113px; height: 150px; }

.noimage5x7m { display: inline-block; width: 143px; height: 200px; }

.noimage5x7s { display: inline-block; width: 100px; height: 140px; }

.noimage { background-image: url(/static/commons/img/noimage.gif); }

@keyframes flipInX { 0% { transform: perspective(800px) rotate3d(1, 0, 0, -90deg);
		transform-origin: 50% 0;
		transition-timing-function: ease-in-out;
		opacity: 0; }
	100% { transform: perspective(800px);
		transform-origin: 50% 0; } }

.flipInX, .globalHeader .snsSet.on .snsLink { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; animation-duration: .4s; animation-fill-mode: both; }

@keyframes slideLeft { 0% { opacity: 0;
		transform: translateX(-100%); }
	100% { opacity: 1;
		transform: translateX(0); } }

/*  @keyframes bounceInDown {
	 0% { opacity: 0; transform:translateY(-50px); }
	 100%  { opacity: 1; transform:translateY(0); }
}
 @keyframes bounceInUp {
	 0% { opacity: 1; transform:translateY(50px); }
	 100%  { opacity: 1; transform:translateY(0); }
} */
[class*=icon] { display: inline-block; vertical-align: middle; }

.icon-down { background-image: url(/static/portal/img/iconset.png); background-position: -419px -348px; width: 16px; height: 13px; }

.icon-etc { background-image: url(/static/portal/img/iconset.png); background-position: -375px -348px; width: 24px; height: 23px; }

.icon-glang { background-image: url(/static/portal/img/iconset.png); background-position: -261px -403px; width: 23px; height: 20px; }

.icon-hwp { background-image: url(/static/portal/img/iconset.png); background-position: -219px -190px; width: 24px; height: 23px; }

.icon-img { background-image: url(/static/portal/img/iconset.png); background-position: -44px -403px; width: 24px; height: 23px; }

.icon-logoV { background-image: url(/static/portal/img/iconset.png); background-position: 0px 0px; width: 160px; height: 110px; }

.icon-new { background-image: url(/static/portal/img/iconset.png); background-position: -152px -310px; width: 26px; height: 7px; }

.icon-pagingl { background-image: url(/static/portal/img/iconset.png); background-position: -307px -239px; width: 40px; height: 40px; }

.icon-pagingll { background-image: url(/static/portal/img/iconset.png); background-position: -247px -239px; width: 40px; height: 40px; }

.icon-pagingr { background-image: url(/static/portal/img/iconset.png); background-position: -187px -239px; width: 40px; height: 40px; }

.icon-pagingrr { background-image: url(/static/portal/img/iconset.png); background-position: -219px -130px; width: 40px; height: 40px; }

.icon-pdf { background-image: url(/static/portal/img/iconset.png); background-position: -176px -403px; width: 24px; height: 23px; }

.icon-pin { background-image: url(/static/portal/img/iconset.png); background-position: -109px -239px; width: 58px; height: 51px; }

.icon-ppt { background-image: url(/static/portal/img/iconset.png); background-position: 0px -403px; width: 24px; height: 23px; }

.icon-print { background-image: url(/static/portal/img/iconset.png); background-position: -275px -348px; width: 30px; height: 33px; }

.icon-radiooff { background-image: url(/static/portal/img/iconset.png); background-position: -342px -403px; width: 18px; height: 16px; }

.icon-radioon { background-image: url(/static/portal/img/iconset.png); background-position: -304px -403px; width: 18px; height: 16px; }

.icon-re { background-image: url(/static/portal/img/iconset.png); background-position: -109px -310px; width: 23px; height: 12px; }

.icon-sns1 { background-image: url(/static/portal/img/iconset.png); background-position: -399px 0px; width: 37px; height: 37px; }

.icon-sns2 { background-image: url(/static/portal/img/iconset.png); background-position: -399px -228px; width: 37px; height: 37px; }

.icon-sns3 { background-image: url(/static/portal/img/iconset.png); background-position: -399px -57px; width: 37px; height: 37px; }

.icon-sns4 { background-image: url(/static/portal/img/iconset.png); background-position: -399px -114px; width: 37px; height: 37px; }

.icon-sns5 { background-image: url(/static/portal/img/iconset.png); background-position: -399px -171px; width: 37px; height: 37px; }

.icon-snsL1 { background-image: url(/static/portal/img/iconset.png); background-position: -110px -130px; width: 89px; height: 89px; }

.icon-snsL2 { background-image: url(/static/portal/img/iconset.png); background-position: -180px 0px; width: 90px; height: 89px; }

.icon-snsL3 { background-image: url(/static/portal/img/iconset.png); background-position: -290px 0px; width: 89px; height: 89px; }

.icon-snsL4 { background-image: url(/static/portal/img/iconset.png); background-position: -290px -109px; width: 89px; height: 89px; }

.icon-snsL5 { background-image: url(/static/portal/img/iconset.png); background-position: 0px -130px; width: 90px; height: 89px; }

.icon-snsL6 { background-image: url(/static/portal/img/iconset.png); background-position: 0px -239px; width: 89px; height: 89px; }

.icon-snsLink1 { background-image: url(/static/portal/img/iconset.png); background-position: -110px -348px; width: 35px; height: 35px; }

.icon-snsLink2 { background-image: url(/static/portal/img/iconset.png); background-position: -165px -348px; width: 35px; height: 35px; }

.icon-snsLink3 { background-image: url(/static/portal/img/iconset.png); background-position: -220px -348px; width: 35px; height: 35px; }

.icon-snsLink4 { background-image: url(/static/portal/img/iconset.png); background-position: -399px -285px; width: 35px; height: 35px; }

.icon-snsLink5 { background-image: url(/static/portal/img/iconset.png); background-position: 0px -348px; width: 35px; height: 35px; }

.icon-snsLink6 { background-image: url(/static/portal/img/iconset.png); background-position: -55px -348px; width: 35px; height: 35px; }

.icon-snsSet { background-image: url(/static/portal/img/iconset.png); background-position: -325px -348px; width: 30px; height: 33px; }

.icon-viewer { background-image: url(/static/portal/img/iconset.png); background-position: -220px -403px; width: 21px; height: 23px; }

.icon-word { background-image: url(/static/portal/img/iconset.png); background-position: -132px -403px; width: 24px; height: 23px; }

.icon-xls { background-image: url(/static/portal/img/iconset.png); background-position: -88px -403px; width: 24px; height: 23px; }

.dib { display: inline-block; }

.reqInfor { font-size: 14px; text-align: right; margin-bottom: 8px; }

h2 + .reqInfor { margin-top: -34px; }

.req { display: inline-block; width: 11px; height: 15px; }

.req:before { content: '\f069'; color: red; font-size: 0.625em; vertical-align: baseline; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.req > * { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

html, body { width: 100%; height: 100%; }

body { background: #eee; font-weight: 400; color: #333; }

hr { float: left; width: 100%; height: 1px; background: none; border: none; }

hr { border-bottom: 1px solid #ddd; }

img { max-width: 100%; }

.container { max-width: 1240px; margin: 0 auto; }

.container.subContainer { background-color: #fff; }

.bar, .bdLine .bar, .spotMenu a, #footer .flist a, .bdList th, .bdList td { background: url(/static/commons/img/bar.gif) no-repeat 100% 50%; }

.bars { display: inline-block; width: 20px; height: 18px; background: url(/static/commons/img/bar.gif) no-repeat 50% 50%; vertical-align: middle; }

.bdLine .bar, .bdLine .spotMenu a, .spotMenu .bdLine a, .bdLine #footer .flist a, #footer .flist .bdLine a, .bdLine .bdList th, .bdList .bdLine th, .bdLine .bdList td, .bdList .bdLine td { display: inline-block; width: 20px; height: 18px; background-position: 50% 50%; vertical-align: middle; }

.dashed { display: block; width: 100%; height: 1px; clear: both; background: none; border-bottom: 1px dashed #eee; margin: 10px 0; }

.upp { text-transform: uppercase; }

.wobk { word-break: keep-all; }

.tooltip { word-break: keep-all; z-index: 1000; }

#wrap { min-width: 310px; }

#mainheader { height: 90px; border-bottom: 1px solid #929292; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

#mainheader .set { width: 1200px; margin: 0 auto; }

#wrap { clear: both; position: relative; width: 100%; height: 100%; }

#header { height: 180px; background: #fff; }

.globalHeader { line-height: 30px; border-bottom: 1px solid #ddd; }

.globalHeader a, .globalHeader button { color: #666; font-size: 14px; }

.globalHeader ul, .globalHeader li { list-style: none; display: inline-block; float: left; }

.globalHeader .globalSite { position: relative; z-index: 1000; }

.globalHeader .globalSite .globalwrap > ul { border-right: 1px solid #fff; }

.globalHeader .globalSite .globalwrap > ul > li { background: #f4f5f7; border-left: 1px solid #fff; }

.globalHeader .globalSite .globalwrap > ul > li.on a { background-color: #1f497d; color: #fff; }

.globalHeader .globalSite .globalwrap > ul > li a { color: #fff; padding-left: 12px; padding-right: 13px; display: block; background: #627fa4 !important; }

.globalHeader .globalSite .globalwrap > ul > li .ico3 { padding: 0 25px; }

.globalHeader .language { background: #f4f5f7; border-right: 1px solid #ddd; border-left: 1px solid #ddd; color: #5b79b9; }

.globalHeader .g_Info { float: right; }

.globalHeader .g_Info a, .globalHeader .g_Info button { display: inline-block; padding: 0 15px; }

.globalHeader .g_Info button i { color: #5b79b9; }

.globalHeader .g_Info .glogin { font-weight: 800; color: #ea5a59; }

.globalHeader .g_Info .userInfoOpener { background-color: #ea5a59; color: #fff; display: inline-block; border-radius: 40px; line-height: 24px; padding: 0 10px; }

.globalHeader .userInfoOpBxSet { position: relative; }

.globalHeader .userInfoOpBx { position: absolute; left: 50%; margin-left: -115px; display: none; background-color: #fff; border: 1px solid #c6c6c6; border-radius: 5px; width: 230px; height: 140px; }

.globalHeader .userInfoOpBx:before { content: ""; width: 16px; height: 9px; position: absolute; top: -9px; left: 50%; margin-left: -8px; background: url(/static/commons/img/loginSnsarr.png) no-repeat; }

.globalHeader .userInfoOpBx.on { display: block; }

.globalHeader .userInfoOpBx .infoTxts { line-height: 20px; display: inline-block; float: left; margin: 20px 0 0 15px; font-size: 14px; }

.globalHeader .userInfoOpBx [class*=icon] { width: 70px; height: 70px; background: url(/static/commons/img/loginSns.png) no-repeat; float: left; vertical-align: middle; margin: 10px 0 10px 15px; }

.globalHeader .userInfoOpBx .icon-snsL1 { background-position: 0 0; }

.globalHeader .userInfoOpBx .icon-snsL2 { background-position: 0 -80px; }

.globalHeader .userInfoOpBx .icon-snsL3 { background-position: 0 -160px; }

.globalHeader .userInfoOpBx .icon-snsL4 { background-position: 0 -240px; }

.globalHeader .userInfoOpBx .icon-snsL5 { background-position: 0 -320px; }

.globalHeader .userInfoOpBx .icon-snsL6 { background-position: 0 -400px; }

.globalHeader .userInfoOpBx .icon-snsL7 { background-position: 0 -480px; }

.globalHeader .userInfoOpBx .icon-snsL8 { background-position: 0 -560px; }

.globalHeader .userInfoOpBx .userInfoSnsBx i { float: left; }

.globalHeader .userInfoOpBx .myLogoutBx { background-color: #eff0f2; padding: 5px 10px; clear: both; text-align: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.globalHeader .userInfoOpBx .myLogoutBx a { color: #fff; line-height: 26px; }

.globalHeader .userInfoOpBx .myLogoutBx .mypg { background-color: #1f497d; margin-right: 2px; }

.globalHeader .userInfoOpBx .myLogoutBx .logout { background-color: #7f7f7f; }

.globalHeader .snsSet { position: relative; z-index: 1000; }

.globalHeader .snsSet a { color: #1f497d; background: #fff; }

.globalHeader .snsSet.on .snsLink { display: block; }

.globalHeader .snsSet .snsLink { position: absolute; right: 0; top: 30px; width: 100%; border: 1px solid #ddd; padding: 10px; text-align: center; display: none; background: #fff; }

.mTotalMenu { display: none; }

.global { width: 100%; float: left; height: 100px; text-align: center; position: relative; z-index: 290; }

.global .container { position: relative; padding: 31px 0 0 0; z-index: 900; }

.global .logo { position: absolute; left: 50%; margin-left: -86px; top: 22px; display: inline-block; width: 193px; height: 63px; background: url(/static/portal/img/common/logo.png) no-repeat 0 50%; background-size: 100%; }

.global .logo a { display: block; width: 193px; height: 65px; }

.global .globalLink { float: right; }

.global .globalLink a { display: inline-block; padding-bottom: 15px; }

.global .globalLink a::before { display: inline-block; text-transform: uppercase; width: 28px; height: 27px; line-height: 28px; }

.spotMenu a { padding: 5px 10px; display: inline-block; }

.spotMenu a.on { font-weight: 800; text-decoration: underline; }

.spotMenu a .fa { vertical-align: text-top; }

.spotMenu a .fa:before { content: ""; display: inline-block; height: 19px; }

.spotMenu a .fa-mortar-board:before { background: url(/static/commons/img/fa-mortar-board.png) no-repeat; width: 15px; }

.spotMenu a .fa-institution:before { background: url(/static/commons/img/fa-institution.png) no-repeat; width: 18px; }

.spotMenu a .fa-building:before { background: url(/static/commons/img/fa-building.png) no-repeat; width: 20px; }

.spotMenu a:first-child { padding-left: 0; }

.spotMenu a:last-child { background: none; }

.toggleGnbOpen { font-size: 20px; line-height: 50px; display: none; width: 50px; }

.gnbSet { float: left; width: 100%; height: 50px; background-color: #00acdc; position: relative; z-index: 90; }

.gnbSet .container { position: relative; z-index: 200; }

.gnbSet .logo { display: none; width: 145px; height: 50px; background: url(/static/commons/img/tlogo_white.png) no-repeat 0 50%; float: left; }

.gnbSet.fixMenu { position: fixed; z-index: 500; top: 0; background: rgba(0, 35, 92, 0.9); color: #fff; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); height: 50px; }

.gnbSet.fixMenu .gnb > ul { float: left; padding-left: 160px; }

.gnbSet.fixMenu .gnb > ul > li { border-left: 1px solid #074b7b; }

.gnbSet.fixMenu .totalMenu { border-left: 1px solid #074b7b; border-right: 1px solid #074b7b; background: #012a5e; }

.gnbSet.fixMenu .logo { display: block; position: absolute; z-index: 1000; top: 0; }

.gnbSet.fixMenu .logo a { display: block; float: left; width: 145px; height: 50px; }

.gnbSet a { color: #fff; text-align: center; }

.mMenuCloseSet { display: none; }

.gnbMBg, .gnbNavTotalBg { content: ""; position: fixed; left: 0; top: 0; z-index: 990; width: 100%; height: 100%; background: #000; opacity: 0.5; display: none; }

.gnbMBg.on, .gnbNavTotalBg.on { display: block; }

.gnbMBg a, .gnbNavTotalBg a { display: block; width: 100%; height: 100%; }

.gnb { float: left; width: 100%; overflow-y: auto; /* .menu1 .subSet > ul > li{min-height:251px;} .menu1 .subSet > ul > li:nth-child(n+6){min-height:167px;} .menu1 .subSet > ul > li:nth-child(n+11){min-height:147px;} .menu2 .subSet > ul > li{min-height:125px;} .menu3 .subSet > ul > li:nth-child(-n+5) {min-height:293px;} .menu3 .subSet > ul > li:nth-child(n+6) {min-height:187px;} .menu4 .subSet > ul > li:nth-child(-n+5){min-height:171px;} .menu4 .subSet > ul > li:nth-child(n+6){min-height:125px;} .menu5 .subSet > ul > li:nth-child(-n+5){min-height:254px;} .menu5 .subSet > ul > li:nth-child(n+6){min-height:127px;} .menu6 .subSet > ul > li{min-height:314px;}  .menu7 .subSet > ul > li:nth-child(-n+5){min-height:167px;} .menu7 .subSet > ul > li:nth-child(n+6){min-height:54px;} .menu8 .subSet > ul > li{min-height:207px;} .menu9 .subSet > ul > li:nth-child(-n+5){min-height:167px;} .menu9 .subSet > ul > li:nth-child(n+6){min-height:145px;} */ }

.gnb li { display: inline-block; float: left; /* &.on:after{content:"";display:block;width:100%;position:absolute;bottom:0;} */ }

.gnb .on .subSet { display: block; }

.gnb .ginfo { padding: 0 10%; font-size: 14px; line-height: 16px; margin-top: 17px; margin-bottom: 20px; text-align: center; word-break: keep-all; color: #333; }

.gnb .subSet { position: absolute; left: 0; top: 50px; background-color: #fff; display: none; width: 100%; border-bottom: 2px solid #5b79b9; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.175); }

.gnb .subSet .active > a { text-decoration: underline; color: #5b79b9 !important; }

.gnb .subSet > p { display: block; float: left; width: 15%; position: absolute; top: 11px; color: #333; }

.gnb .subSet > p > * { display: block; text-align: center; }

.gnb .subSet > p strong { font-size: 20px; font-weight: 500; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; }

.gnb .subSet > p span { color: #666; font-size: 12px; }

.gnb .subSet > p span:after { content: ""; display: block; height: 70px; background: url(/static/portal/img/common/gnb1_1.gif) no-repeat 50% 50%; margin-top: 10px; }

.gnb .subSet > ul { float: left; width: 85%; margin-left: 15%; position: relative; }

.gnb .subSet > ul li { display: inline-block; font-size: 16px; }

.gnb .subSet > ul li > a { color: #000; display: inline-block; text-align: left; line-height: 130%; word-break: keep-all; }

.gnb .subSet > ul li li { display: block; width: 100%; }

.gnb .subSet > ul > li { width: 20%; float: left; min-height: 80px; border-bottom: 1px solid #e8e8e8; padding-bottom: 11px; }

.gnb .subSet > ul > li:before { content: ""; display: block; position: absolute; top: 0; width: 1px; height: 100%; background-color: #e8e8e8; }

.gnb .subSet > ul > li > a { padding-left: 10%; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 17px; color: #0096cc; margin-top: 16px; }

.gnb .subSet > ul > li > ul { padding: 5px 8%; float: left; }

.gnb .subSet > ul > li > ul li { text-align: left; margin-bottom: 1px; }

.gnb .subSet > ul > li > ul a { display: block; text-align: left; text-indent: -10px; padding-left: 10px; font-size: 0.8125em; word-break: keep-all; line-height: 20px; }

.gnb .subSet > ul > li > ul a:before { content: "•"; margin-right: 3px; }
/*.gnb .subSet > ul > li > ul a:before { content: "\00A0";  background:url(/static/portal/img/common/bu1.gif) no-repeat left 5px; margin-right: 3px; } */

.gnb .subSet > ul > li > ul a:hover, .gnb .subSet > ul > li > ul a:focus, .gnb .subSet > ul > li > ul a:active { color: #5b79b9; border-radius: 10px; }

.gnb .menu2 .subSet > p span:after { background: url(/static/portal/img/common/gnb1_2.gif) no-repeat 50% 50%; }

.gnb .menu3 .subSet > p span:after { background: url(/static/portal/img/common/gnb1_3.gif) no-repeat 50% 50%; }

.gnb .menu4 .subSet > p span:after { background: url(/static/portal/img/common/gnb1_4.gif) no-repeat 50% 50%; }

.gnb .menu5 .subSet > p span:after { background: url(/static/portal/img/common/gnb1_5.gif) no-repeat 50% 50%; height: 90px; }

.gnb .menu6 .subSet > p span:after { background: url(/static/portal/img/common/gnb1_6.gif) no-repeat 50% 50%; height: 90px; }

.gnb .menu7 .subSet > p span:after { background: url(/static/portal/img/common/gnb1_7.gif) no-repeat 50% 50%; }

.gnb .menu8 .subSet > p span:after { background: url(/static/portal/img/common/gnb1_8.gif) no-repeat 50% 50%; }

.gnb .menu9 .subSet > p span:after { background: url(/static/portal/img/common/gnb1_9.gif) no-repeat 50% 50%; }

.gnb .menu10 { display: none; }

.gnb .menuList li .subSet > ul > li:nth-child(n+6) { border-bottom: none; }

.gnb > ul { float: left; width: 100%; }

.gnb > ul > li { border-left: 1px solid #33c0f3; width: 10%; }

.gnb > ul > li.menu3, .gnb > ul > li.menu8 { width: 11%; }

.gnb > ul > li.menu4 { width: 12%; }

.gnb > ul > li.menu5 { width: 10%; }

.gnb > ul > li.menu9 { width: 12%; }

.gnb > ul > li > a { font-size: 18px; letter-spacing: -1px; line-height: 50px; padding: 0px; position: relative; display: block; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; font-weight: 400; }

.gnb > ul > li.on > a, .gnb > ul > li.active > a { background-color: #005596; }

.gnb .addMenu { display: none; }

.gnb .addMenu.on { display: block; }

.gnb > ul > li.menuMypage { display: none; }

.gnb > ul > li.menuInfo { display: none; }

.mdGnbOpen .menuList li .subSet > ul > li:nth-child(n+6) { border-bottom: 1px solid #ddd; }

.gnbLtSet { float: left; line-height: 50px; }

.gnbLtSet .gnbOpener { display: none; width: 50px; font-size: 20px; color: #fff; }

.totalMenu { position: absolute; right: 0; font-size: 22px; line-height: 50px; padding: 0 17px; border-left: 1px solid #33c0f3; background: #00acdc; border-right: 1px solid #33c0f3; }

.gnbNavTotalSet { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; }

.gnbNavTotalSet h3 { color: #fff; position: absolute; z-index: 1001; line-height: 50px; padding-left: 30px; }

.gnbNavTotalSet.on { display: block; }

.gnbNavTotalSet.on { width: 96%; margin: 0px auto; max-width: 1240px; position: relative; z-index: 1100; }

.gnbNavTotal { position: absolute; z-index: 1000; background-color: #fff; height: auto; position: absolute; top: 0; width: 100%; }

.gnbT > ul > li { width: 20%; float: left; list-style-type: none; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 25px 30px; height: 360px; }

.gnbT > ul > li:nth-child(5n) { border-right: none; }

.gnbT > ul > li:nth-child(n+6) { height: 305px; }

.gnbT > ul > li > a { color: #00acdc; font-size: 18px; font-weight: 500; padding-left: 0; background: none; margin-bottom: 5px; display: block; text-align: left; }

.gnbT li li a { color: #484d58; background: url(/static/portal/img/common/bu1.gif) left 12px no-repeat; font-size: 14px; padding-left: 10px; display: block; text-align: left; }

.gnbT .addMenu { display: block; }

.gnbT .menuMypage { display: none; }

.gnbT .menuInfo { display: none; }

.gnbTClose { background-color: #00acdc; color: #fff; line-height: 50px; padding: 0 30px; }

.gnbTClose a { color: #fff; display: inline-block; width: 50px; height: 50px; float: right; background: none; padding-left: 0; position: absolute; right: 0; }

.mainSchOpen { display: none; }

.mainSearchSet { position: absolute; top: 15px; right: 0; width: 300px; z-index: 900; }

.mainSearch { height: 40px; background-color: #1f497d; padding: 3px; }

.mainSearch button { position: absolute; top: 0; right: 0; color: #fff; width: 50px; font-size: 20px; line-height: 40px; }

.mainSearch button.keyListOpener { right: 50px; width: 40px; color: #1f497d; font-size: 16px; }

.mainSearch input[type=text] { height: 34px; line-height: 34px; width: 247px; padding-right: 40px; }

.mainSearch .dqAuto { position: absolute; top: 40px; left: 0; display: none; width: 100%; z-index: 1500; background-color: #fff; border: 1px solid #ddd; }

.mainSearch .dqAuto ul { width: 100%; clear: both; }

.mainSearch .dqAuto ul li { width: 100%; padding: 0 10px; }

.mainSearch .dqAuto .bottom { clear: both; width: 100%; background-color: #f8f8f8; text-align: center; padding: 10px; }

.mainSearch .dqAuto .bottom a { display: inline-block; color: #fff; padding: 3px 20px; }

.mainSearch .dqAuto .bottom .btnMore { background-color: #1f497d; }

.mainSearch .dqAuto .bottom .btnClose { background-color: #333; }

.mainSearch .mainSchClose { display: none; }

.searchRankSet { text-align: left; height: 30px; overflow: hidden; clear: both; }

.searchRankSet .cdata { display: inline-block; vertical-align: middle; height: 24px; width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.searchRankSet .searchRankClone { display: none; }

.searchRankSet.on { height: 280px; }

.searchRankSet.on .searchRankClone { display: block; background: #fff; padding: 10px; border: 2px solid #1f497d; }

.searchRankSet.on .searchRankClone a { padding: 0; }

.searchRankSet.on .searchRank { display: none; }

.searchRankSet .slick-prev, .searchRankSet .slick-next { display: none !important; }

.searchRankSet a { display: block; width: 100%; text-align: left; padding: 5px 0; line-height: 24px; text-decoration: none; }

.searchRankSet a strong { float: right; display: inline-block; }

.searchRankSet a strong.icon-new { margin-top: 10px; }

.searchRankSet i { display: inline-block; font-style: normal; font-weight: bold; background: #5b79b9; color: #fff; font-size: 11px; width: 18px; text-align: center; }

#navall { position: absolute; top: 149px; left: 0; right: 0; margin: 0 auto; width: 1080px; padding: 0 20px; padding-left: 70px; z-index: 9999; background-color: #fff; display: none; border: 1px solid #0c89d8; border-top: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); }

#navall.active { display: block; }

.allmenuoactive #navall { display: block; }

#navall > ul { padding-top: 23px; }

#navall > ul > li { float: left; width: 196px; height: 170px; }

#navall > ul > li > a { height: 28px; width: 146px; font-size: 16px; font-weight: bold; color: #000; display: block; border-radius: 30px; padding: 3px 0 7px; text-align: center; line-height: 1; border: 2px solid #453311; vertical-align: top; }

#navall > ul > li.c1 > a { background-color: #2f528c; color: #fff; border: none; padding-top: 5px; }

#navall > ul > li.c2 > a { background-color: #56a52f; color: #fff; border: none; padding-top: 5px; }

#navall > ul > li > ul { padding-left: 13px; padding-top: 8px; }

#navall > ul > li > ul > li > a { display: block; background: url(/static/wesc/img/allmenubu.png) 0 13px no-repeat; padding: 8px 0 8px 13px; line-height: 1; font-weight: bold; color: #000; }

#navall > ul > li:nth-child(5) > ul > li > a { white-space: nowrap; }

#navall > ul > li:nth-child(6) > ul > li > a { width: 132px; }

#navall .allmenuclose { background: #fff url(/static/wesc/img/allnavclose.png) 0 0 no-repeat; width: 38px; height: 20px; position: absolute; right: 30px; bottom: 30px; }

.contentSet { width: 100%; margin: 0 auto; float: left; }

.visualSet { display: none; }

.lnbSet { float: left; width: 235px; height: 100%; margin: 0 40px 30px 30px; }

.lnbSet .lnbBanner { margin: 40px 0 80px 0; }

.lnb { display: none; }

.lnb.on { display: block; }

.lnb .hgroup h1 { display: block; line-height: 40px; color: #1f497d; font-weight: 400; font-size: 30px; text-align: center; padding: 33px 0 17px 0; }

.lnb .hgroup h1 .before { display: none; }

.lnb > ul { position: relative; height: 100%; font-family: "NotoSans"; border-top: 1px solid #dee0e6; overflow: hidden; margin-bottom: 100px; }

.lnb > ul > li { border-bottom: 1px solid #dee0e6; background: #fbfbfc; }

.lnb > ul > li > a { display: block; line-height: 1.4375em; font-size: 16px; padding: 13px 25px 12px 18px; letter-spacing: -1px; position: relative; z-index: 20; font-weight: 500; word-break: keep-all; background: url(/static/portal/img/common/lnbBu01_off.gif) no-repeat 93% 50%; }

.lnb > ul > li.on > a { color: #fff; font-size: 17px; padding: 17px 25px 15px 18px; box-shadow: 2px 4px 5px 0 rgba(50, 50, 50, 0.4); font-weight: 400; background: #5b79b9 url(/static/portal/img/common/lnbBu01_on.gif) no-repeat 93% 50%; }

.lnb > ul > li.on > ul { display: block; }

.lnb > ul > li > ul { padding: 14px 0 14px 0; display: none; background-color: #fff; position: relative; z-index: 10; }

.lnb > ul > li > ul > li { padding: 3px 0 3px 17px; }

.lnb > ul > li > ul > li > a { color: #757575; font-size: 1em; display: block; line-height: 1.6; background: url(/static/portal/img/common/lnbBu02_off.gif) no-repeat 0 5px; padding-left: 15px; }

.lnb > ul > li > ul > li.on > a { color: #1f497d; text-decoration: underline; background: url(/static/portal/img/common/lnbBu02_on.gif) no-repeat 0 5px; }

.lnb > li.on > a { font-weight: bold; background: url(/static/images/common/bu_lnb1_on.png) left 12px no-repeat; }

.lnb > li.on > ul > li.on > a { color: #f05291; font-weight: bold; }

.contentRight { float: left; width: 905px; min-height: 600px; }

.contentRight .contentMin { min-height: 300px; }

.contentRight h1 { font-size: 24px; font-weight: 400; line-height: 75px; margin-bottom: 0; margin: 16px 0 11px 0; color: #1f497d; border-bottom: 1px solid #dee0e6; position: relative; }

.contentService { display: block; clear: both; float: left; width: 100%; margin-bottom: 18px; }

.snsLinkSet { display: inline-block; float: right; text-align: center; padding-right: 0px; position: relative; }

.snsLinkSet .snsLayer { position: absolute; z-index: 10; width: 136px; display: inline-block; top: 36px; right: 0; background: #fff; padding: 10px; border: 1px solid #ddd; display: none; }

.snsLinkSet .snsLayer:before { content: ""; position: absolute; left: 35%; background: url(/static/portal/img/common/snsLinkArr.png) no-repeat; width: 9px; height: 6px; top: -6px; }

.snsLinkSet.on { display: block; }

.snsLinkSet a { display: inline-block; float: left; margin: 0 3px 3px 0; }

.snsLinkSet .ico_rss { background: url(/static/portal/img/common/ico_rss.png) no-repeat left top; width: 30px; height: 30px; display: inline-block; }

.nostyle { background-color: inherit !important; padding: 0 !important; }

.location { clear: both; display: inline-block; font-family: "NotoSans"; }

.location li { display: inline-block; line-height: 40px; font-size: 16px; color: #757575; }

.location li.home a { padding-left: 0; color: #1f497d; }

.location li.home a:before { content: "\f015"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.location li.on { font-weight: 500; color: #1f497d; }

.location li + li::before { display: inline-block; font-family: FontAwesome; content: "\f105"; margin-right: 10px; margin-left: 10px; font-size: 21px; color: #757575; }

.location a { display: inline-block; letter-spacing: -1px; line-height: 30px; padding: 0 6px; }

#container { clear: both; }

#content { padding: 0 0 80px 0; width: 905px; clear: both; line-height: 1.6; }

#content h1 { margin-bottom: 15px; }

#content h2 { margin: 20px 0 5px 0; color: #1f497d; font-size: 18px; }

#content > h2:first-child { margin-top: 0 !important; }

#content h2.first { margin-top: -6px !important; float: left; clear: both; width: 100%; padding-top: 16px; /* border-top:1px solid #ddd; */ }

#content .hgroup h2.first { margin-top: -6px !important; float: left; clear: none; width: auto; }

#content .hgroup h2.first + .fr { margin-top: -5px; }

#content p.first { margin-top: -5px !important; float: left; clear: both; width: 100%; padding-top: 16px; /* border-top:1px solid #ddd; */ }

#content .viewLine h3 { font-size: 18px; }

#content h3 { margin: 15px 0 7px 0; font-size: 16px; }

#content h3.nobu:before { content: ""; padding: 0; }

#content h3.type { color: #5b79b9; }

#content h3.type:before { content: ""; padding: 0; }

#content h3:before { content: "◆"; display: inline-block; color: #5b79b9; font-size: 10px; vertical-align: top; padding: 5px 7px 0 0; }

#content h3 .xs { font-weight: normal !important; line-height: 20px !important; font-family: "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum"; margin-left: 10px; }

#content h4 { font-size: 14px; background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px; padding-left: 10px; margin-bottom: 5px; margin-left: 10px; }

#content p { margin-bottom: 10px; /*word-break: keep-all; */ }

#content p strong { font-weight: 700; color: #5b79b9; }

#content .dbData p strong { color: #333; }

#content table p { margin-bottom: 0; }

#content .tab + .clear + .hgroup h2, #content .typebrown + .clear + .hgroup h2, #content .faq + .clear + .hgroup h2 { margin-top: 0 !important; }

#content .tab + .clear + .hgroup h2.first, #content .typebrown + .clear + .hgroup h2.first, #content .faq + .clear + .hgroup h2.first { margin-top: 0 !important; border: 0 !important; padding-top: 0 !important; }

#content .tab + .clear + .hgroup h2 + .fr, #content .typebrown + .clear + .hgroup h2 + .fr, #content .faq + .clear + .hgroup h2 + .fr { margin-top: 6px !important; }

#content .tab + .clear + h2, #content .typebrown + .clear + h2, #content .faq + .clear + h2 { margin-top: 0 !important; border: 0 !important; padding-top: 0 !important; }

#content .hgroup.first h2 { margin-top: 0 !important; border: 0 !important; padding-top: 0 !important; }

#content .hgroup.first h2 + .fr { margin-top: 6px !important; }

h2 + .tab, h2 + .typebrown, h2 + .faq { margin-top: 5px; }

.quickSet { position: absolute; right: -100px; z-index: 1000; top: 0; width: 90px; height: 90px; }

.quickSet a { display: block; float: left; }

.quickOv { position: absolute; right: 90px; top: 0; z-index: 1000; display: none; width: 366px; }

.quickOv img { max-width: 366px; }

.goTopSet { position: fixed; z-index: 200; right: 20px; bottom: 20px; width: 40px; height: 40px; }

#footer { clear: both; float: left; width: 100%; text-align: center; background-color: #3c4559; color: #bdc0ca; }

#footer .container { max-width: 1240px; }

#footer a { display: inline-block; padding: 0 8px; line-height: 60px; font-size: 14px; color: #bdc0ca; }

#footer a.nostyle { line-height: 20px !important; height: auto !important; }

#footer .footerLink { border-bottom: 1px solid #50586a; float: left; width: 100%; height: 60px; }

#footer .footerLink ul, #footer .footerLink li { list-style: none; display: inline-block; }

#footer .f_right { float: right; }

#footer .f_right a { color: #5b79b9; }

#footer .f_right a:hover, #footer .f_right a:focus, #footer .f_right a:active { text-decoration: underline; color: #005596; }

#footer .flist { float: left; }

#footer .flist li { float: left; list-style: none; }

#footer .flist li:first-child a { padding-left: 0; }

#footer .flist li:last-child a { background: none; }

#footer .flist a { padding: 0 14px; line-height: 60px; }

#footer .flist a.priv { color: #ff6767; font-weight: 600; }

#footer .familyLink { float: right; padding: 10px 0; display: none; }

#footer .familyLink .familySiteOp { background-color: #000; width: 180px; height: 30px; line-height: 30px; text-align: left; }

#footer .familyLink .familySiteOp:before { content: "\f0d7"; float: right; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; margin-right: 5px; }

#footer .familyLink select { color: #666; font-size: 14px; }

#footer .familyLink .b-btn { border: 0; background: #5b79b9; line-height: 30px; height: 30px; color: #fff; padding: 0 10px; font-size: 14px; vertical-align: middle; text-align: center; }

#footer .addrCopy { margin: 18px 0 10px 0; float: left; width: 100%; text-align: left; }

#footer .f_logo { float: left; display: inline-block; margin-right: 34px; padding-top: 3px; }

#footer .addressSet { display: inline-block; margin-top: 3px; }

#footer address { font-style: normal; font-size: 13px; line-height: 20px; }

#footer .fbanners { float: right; margin-top: -3px; }

.fade { opacity: 0; transition: opacity .3s linear; }

.fade.in { opacity: 1; }

.modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1100; display: none; overflow: hidden; }

#content .modal h4 { border-bottom: 2px solid #484d58; font-size: 20px; line-height: 30px; background: none; margin-bottom: 0; padding-left: 0; }

.modal .modal-body + .tac { padding-bottom: 20px; }

.modal .view { border: 1px solid #dee0e6; }

.modal .view > dl > dt { width: 35%; }

.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -25%); }

.modal.in .modal-dialog { transform: translate(0, 0); }

.modal .modal-content { position: relative; background-color: #fff; border-radius: 3px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); /* padding:10px 30px 30px 30px; */ }

.modal-dialog { position: relative; max-width: 700px; margin: 80px auto; transform: translate(0, -25%); }
.modal-dialog.type{margin:10px 0;}
.modal-dialog.lg { max-width: 980px; }

.modal-dialog .modal-header { background: #484d58; color: #fff; padding: 10px 20px; }

.modal-dialog .modal-header h2.modal-title { color: #fff !important; }

.modal-dialog .modal-header h5 { font-size: 14px; font-weight: 400; }

.modal-dialog .modal-header .close { float: right; font-size: 25px; width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 5px; }

.modal-dialog .modal-header .close:focus .ti-close, .modal-dialog .modal-header .close:hover .ti-close { transition: 0.4s; transform: rotate(180deg); }

.modal-dialog .modal-body { padding: 20px; }

.modal-dialog .modal-body.moBodyh { height: 500px; overflow: auto; width: 100%; }

.modal-dialog .modal-body h2:first-child, .modal-dialog .modal-body h3:first-child { margin-top: 0; }

.modal-dialog .modal-footer { padding: 10px 0; text-align: center; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; background-color: #000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.in { opacity: .6; }

.hgroup { clear: both; margin-bottom: 0; width: 100%; background-repeat: no-repeat; background-position: 100% 100%; }

.hgroup h2, .hgroup h3, .hgroup h4, .hgroup h5 { display: inline-block; }

#content .hgroup .fr { display: inline-block; margin-bottom: 0; margin-top: 26px; }

#content .hgroup h2 { margin-top: 20px !important; }

#content .hgroup h2 + .fr { margin-top: 25px; }

#content .hgroup h3 + .fr { margin-top: 16px; margin-bottom: 5px; }

#content .select_Tab .hgroup .hgroup:first-child { margin-top: 0 !important; }

#content .select_Tab .hgroup .hgroup:first-child h2 { margin-top: 0 !important; border: none; }

.hgroup + .table, .hgroup + .bdList { margin-top: 0; }

.hgroup.bgico_1 { background-image: url(/static/portal/img/common/lnbBgs1_1.gif); }

.hgroup.bgico_2 { background-image: url(/static/portal/img/common/lnbBgs1_2.gif); }

.hgroup.bgico_3 { background-image: url(/static/portal/img/common/lnbBgs1_3.gif); }

.hgroup.bgico_4 { background-image: url(/static/portal/img/common/lnbBgs1_4.gif); }

.hgroup.bgico_5 { background-image: url(/static/portal/img/common/lnbBgs1_5.gif); }

.hgroup.bgico_6 { background-image: url(/static/portal/img/common/lnbBgs1_6.gif); }

.hgroup.bgico_7 { background-image: url(/static/portal/img/common/lnbBgs1_7.gif); }

.hgroup.bgico_8 { background-image: url(/static/portal/img/common/lnbBgs1_8.gif); }

.hgroup.bgico_9 { background-image: url(/static/portal/img/common/lnbBgs1_9.gif); }

.hgroup.bgico_10 { background-image: url(/static/portal/img/common/lnbBgs1_10.gif); }

.hgroup.bgico_11 { background-image: url(/static/portal/img/common/lnbBgs1_11.gif); }

.hgroup.bgico_12 { background-image: url(/static/portal/img/common/lnbBgs1_12.gif); }

h2 + .table, h2 + .bdList, h3 + .table, h3 + .bdList, h4 + .table, h4 + .bdList, h5 + .table, h5 + .bdList { margin-top: 0; }

.panel { background-color: #fff; margin-bottom: 10px; border: 1px solid #ddd; padding: 15px 15px 0; }

#content .panel p.h1, #content .panel p.h2, #content .panel p.h3, #content .panel p.h4, #content .panel p.h5, #content .panel p.h6 { margin-bottom: 0; font-weight: 500; }

.dl-horizontal { display: block; }

.dl-horizontal:before, .dl-horizontal:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.dl-horizontal dt { float: left; width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.dl-horizontal dd { margin-left: 140px; }

.dl-horizontal.text-sm dt { width: 80px; }

.dl-horizontal.text-sm dt:before { content: "• "; font-weight: normal; }

.dl-horizontal.text-sm dd { margin-left: 90px; position: relative; }

.dl-horizontal.text-sm dd:before { content: ": "; font-weight: normal; position: absolute; left: -10px; }

.decimal li { list-style-type: decimal; margin-left: 20px; }

.refer { text-indent: -18px; margin-left: 18px; margin-bottom: 0 !important; }

.refer [class^=b-] { text-indent: 0px; margin-left: 0; float: right; }

.referDash { text-indent: -10px; margin-left: 10px; }

.referList li { text-indent: -18px; margin-left: 18px; margin-bottom: 5px; background: none !important; }

.referList li:before { content: ""; }

.referList li a { text-indent: 0; margin-left: 0; }

.referList li .imgSet { margin: 5px 0; text-indent: 0; }

.referList li > p { text-indent: -18px; margin-left: 18px; }

.referList li table { text-indent: 0; }

.referList li table thead th { text-align: center; }

.referList.type > li { margin-bottom: 10px; }

.referList.type > li > ul { margin-top: 5px; }

.referList.type2 li { text-indent: -28px; margin-left: 28px; }

.buList > li { font-weight: bold; }

.buList > li p { font-weight: normal; margin: 5px 0 10px 0 !important; }

.buList > li > ul { margin-bottom: 10px; font-weight: normal; }

.imgRefer .half { margin-left: -2%; overflow: hidden; }

.imgRefer .half li { text-indent: 0; margin-left: 0; }

.imgRefer .half > li { width: 48%; margin: 0 0 0 2% !important; float: left; text-indent: 0; }

@media (max-width: 1023px) { .imgRefer .half > li { width: 98%; } }

.imgRefer .half > li p { min-height: 45px; }

.imgRefer .half .mti { text-indent: -18px; margin-left: 18px; }

.imgRefer .half .mti ul > li { margin-bottom: 5px; }

.bu { margin-left: 10px; }

.bu.type1 > li, table.type1 > li { font-weight: bold; margin-bottom: 15px; }

.bu.type1 > li ul, .bu.type1 > li ol, .bu.type1 > li p, table.type1 > li ul, table.type1 > li ol, table.type1 > li p { font-weight: normal; padding: 5px; }

.bu > li > ul, table > li > ul { margin: 5px; }

.bu ol, table ol { margin-top: 5px; margin-bottom: 15px; }

.bu li, table li { list-style: none; line-height: 139%; clear: both; background: url("/static/portal/img/common/bu1.gif") no-repeat left 11px; padding-left: 10px; margin-bottom: 5px; }

.bu li .btn, table li .btn { float: right; text-indent: 0; }

.bu li ul li, table li ul li { background: url("/static/portal/img/common/bu2.gif") no-repeat left 8px; padding-left: 10px; font-size: 0.95em; margin-bottom: 0; }

.bu li ul li li, table li ul li li { background: none; padding-left: 10px; }

.bu li .referList li, table li .referList li { padding-left: 0; }

.bull:before { content: "• "; }

.bu.insBtn { overflow: hidden; }

.bu.insBtn li { clear: both; line-height: 34px; overflow: hidden; background-position: left 14px; }

.btn + .btn { margin-left: 3px; }

.buOnly { list-style: none; line-height: 139%; clear: both; background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px; padding-left: 10px; margin-bottom: 5px; }

.bu_1 li { background: url("/static/portal/img/common/bu2.gif") no-repeat left 11px; padding-left: 10px; font-size: 0.95em; margin-bottom: 0; }

.bu_2 li { background: none; }

.badge { display: inline-block; background-color: #5b79b9; color: #fff; padding: 0px 10px; font-size: 13px; text-indent: 0; }

:hover .badge, :focus .badge, :active .badge { color: #fff; }

.badge.border { border: 1px solid #ddd; background: #fff; color: #757575; }

table .badge + .badge { margin-top: 3px; }

.bg_green { background-color: #71a547; }

.bg_gray { background-color: #7f7f7f; }

.bg_black { background-color: #333; }

.round { border-radius: 3px; }

.round2 { border-radius: 5px; }

.round3 { border-radius: 10px; }

.round4 { border-radius: 20px; }

.round5 { border-radius: 50px; }

sup { color: #ea5a59; margin: 0 5px 0 3px; font-weight: bold; }

/* thead th sup{color:#efff37;} */
.fnote { position: relative; color: #ea5a59; font-size: 0.95em; margin-bottom: 10px; clear: both; }

.fnote .title { position: absolute; width: 50px; }

.fnote .title sup { margin-right: 5px; margin-left: 0; font-size: 14px; font-weight: normal; vertical-align: top; }

.fnote .title sup.ml25 { margin-left: 27px !important; }

li:first-child .fnote .title sup { margin-left: 0; }

.fnote .desc { display: block; margin-left: 45px; color: #767676 !important; }

.fnote li { margin-left: 0; text-indent: 0; }

@media (max-width: 1280px) { .gnbSet .search { display: inline-block; }
	.gnbSet .gnb > ul > li > a { font-size: 17px; }
	.gnbSet.fixMenu.mdGnbOpen .gnb > ul { padding-left: 0; }
	.gnbSet.fixMenu .gnb > ul { padding-left: 140px; }
	.gnbSet.fixMenu .gnb > ul > li > a { font-size: 15px; }
	.lnbSet { width: 18%; margin: 0 10px; }
	.contentRight { width: 76%; margin-left: 2%; }
	#content { width: 100%; }
	#footer .footerLink { height: auto; }
	#footer .f_right { float: left; } }

@media (max-width: 1180px) { .gnbSet .gnb > ul > li { width: 10%; }
	.gnbSet .gnb > ul > li.menu4, .gnbSet .gnb > ul > li.menu9 { width: 12%; }
	/* .gnb .menu4 .subSet > ul > li:nth-child(n+6){height:140px;} .gnb .menu3 .subSet > ul > li:nth-child(-n+5){height:309px} */
	.gnb .subSet > ul > li > ul { padding: 5px 5%; }
	.gnb .subSet > ul > li > a { padding-left: 5%; }
	.gnb .subSet > ul > li > ul a { font-size: 12px; }
	.container, #footer .container { max-width: 96%; }
	#footer { padding-top: 10px; }
	#footer .flist, #footer .familyLink, #footer .fbanners { float: none; }
	#footer .familyLink { border-top: 1px solid #50586a; }
	#footer .flist a { line-height: 40px; font-size: 13px; padding: 0 8px; }
	#footer .addrCopy { text-align: center; }
	#footer .f_logo { float: none; margin-right: 0; display: block; }
	.modal-open { overflow: hidden; }
	.modal-open .modal { overflow: auto; }
	.modal-open .modal-dialog { width: 94%; }
	.modal-open .modal-dialog .modal-body.moBodyh { height: auto; min-height: 400px; overflow: visible; } }

@media (max-width: 1000px) { .globalHeader .globalSite > .globalwrap { display: none; }
	.globalHeader .globalSite > .globalwrap > ul > li a i { display: none; }
	.globalHeader .g_Info li:nth-child(2) { display: none; }
	.globalHeader .g_Info .glogout .hidden-sm { font-size: 12px; }
	.globalHeader .g_Info a, .globalHeader .g_Info button { padding: 0px 5px; } }

@media (max-width: 900px) { .global .container { padding: 0; z-index: 10; }
	.global .logo { top: 40px; left: 10px; margin-left: 0; width: 160px; }
	.mainSearch { top: 45px; } }

@media (max-width: 1023px) { .snsLinkSet { margin-top: -70px; }
	.snsLinkSet a.forPrint { display: none; }
	.contentRight h1 { padding-right: 50px; }
	.gnbSet .gnbOpener { display: inline-block; }
	.toggleGnbOpen { display: inline-block; float: left; }
	.container, #footer .container { max-width: 96%; }
	#footer .familyLink { display: block; }
	.gnb { display: none; }
	.mdGnbOpen .gnb { position: fixed; top: 0; left: 0; width: 70%; z-index: 1000; display: block; background-color: #fff; /* .menu1 .subSet > ul > li, .menu1 .subSet > ul > li:nth-child(n+6), .menu2 .subSet > ul > li, .menu3 .subSet > ul > li:nth-child(-n+5), .menu4 .subSet > ul > li:nth-child(-n+5), .menu4 .subSet > ul > li:nth-child(n+6), .menu5 .subSet > ul > li:nth-child(-n+5), .menu5 .subSet > ul > li:nth-child(n+6), .menu7 .subSet > ul > li:nth-child(-n+5), .menu3 .subSet > ul > li:nth-child(n+6), .menu4 .subSet > ul > li:nth-child(n+6), .menu5 .subSet > ul > li:nth-child(n+6), .menu7 .subSet > ul > li:nth-child(n+6), .menu8 .subSet > ul > li, .menu9 .subSet > ul > li:nth-child(-n+5), .menu9 .subSet > ul > li:nth-child(n+6){min-height:0;height: auto;} */ }
	.mdGnbOpen .gnb ul { width: 100%; padding-left: 0; }
	.mdGnbOpen .gnb > ul { height: 100%; overflow-y: auto; }
	.mdGnbOpen .gnb > ul > li { display: block; width: 100%; clear: both; }
	.mdGnbOpen .gnb > ul > li.menu3, .mdGnbOpen .gnb > ul > li.menu8, .mdGnbOpen .gnb > ul > li.menu5, .mdGnbOpen .gnb > ul > li.menu6, .mdGnbOpen .gnb > ul > li.menu4, .mdGnbOpen .gnb > ul > li.menu9 { width: 100%; }
	.mdGnbOpen .gnb > ul > li > a { width: 100%; padding: 0 5%; display: block; text-align: left; background: #5b79b9; color: #fff; border-bottom: 1px solid #3b4f78; }
	.mdGnbOpen .gnb > ul > li > a:after { content: "\e64b"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; float: right; transition: all .2s; }
	.mdGnbOpen .gnb > ul > li.on > a:after { transform: rotate(-180deg); }
	.mdGnbOpen .gnb .on .subSet { display: block; }
	.mdGnbOpen .gnb .active .subSet { display: block; }
	.mdGnbOpen .gnb .subSet { position: relative; margin: 0; top: 0; border: none; }
	.mdGnbOpen .gnb .subSet > p { display: none; }
	.mdGnbOpen .gnb .subSet > ul { width: 100%; margin-left: 0; padding: 10px 0; }
	.mdGnbOpen .gnb .subSet > ul > li { border-bottom: 1px solid #ddd; width: 100%; padding: 10px 0; min-height: 0; height: auto; }
	.mdGnbOpen .gnb .subSet > ul > li > a { color: #000; padding: 0 5%; display: block; }
	.mdGnbOpen .gnb .subSet > ul > li > ul { min-height: 0; height: auto; padding: 2% 6%; }
	.mdGnbOpen .gnb .subSet > ul > li > ul > li { width: 50%; float: left; }
	.mdGnbOpen .gnb .subSet > ul > li > ul > li.on > a { color: #1f497d; text-decoration: underline; background: url(/static/portal/img/common/lnbBu02_on.gif) no-repeat 0 5px; }
	.mdGnbOpen .gnb .subSet > ul > li > ul > li > a { color: #757575; font-size: 1em; display: block; line-height: 1.6; background: url(/static/portal/img/common/lnbBu02_off.gif) no-repeat 0 5px; padding-left: 11px; text-indent: -4px; }
	.mdGnbOpen .gnb .subSet > ul > li > ul > li > a:before { content: ""; }
	.mdGnbOpen .gnb .mMenuCloseSet { display: block; color: #333; height: 65px; line-height: 65px; padding: 0 5%; text-transform: uppercase; font-weight: 600; }
	.mdGnbOpen .gnb .mMenuCloseSet a { color: #000; float: right; width: 50px; text-align: right; }
	.mdGnbOpen .gnb .mMenuCloseSet a:hover i, .mdGnbOpen .gnb .mMenuCloseSet a:focus i, .mdGnbOpen .gnb .mMenuCloseSet a:active i { transform: rotate(180deg); transition: all 0.2s; }
	.mdGnbOpen .gnb .menu1 .subSet > ul > li:nth-child(10) { position: relative; right: 0; border-bottom: 1px solid #ddd; }
	.mdGnbOpen .gnb .menuList li .subSet > ul > li:nth-child(n+6) { border-bottom: 1px solid #ddd; }
	.gnbSet.fixMenu .gnb > ul > li.menu4 { width: 100%; }
	.totalMenu { display: none; }
	.gnbSet .mTotalMenu { position: absolute; right: 0; font-size: 22px; line-height: 50px; padding: 0 17px; display: block; /* border-left:1px solid #074b7b; border-right:1px solid #074b7b; background:  #012a5e;  */ }
	.lnbSet { display: none; }
	.contentRight { width: 96%; } }

@media (max-width: 767px) { .snsLinkSet { margin-top: -60px; }
	.contentRight h1 { font-size: 24px; line-height: 150%; min-height: 50px; }
	#content h3 { font-size: 18px; }
	.container, #footer .container { max-width: 100%; }
	#content { padding: 20px; }
	#header { height: 170px; }
	#content .depth4Tab + .tab, #content .depth4Tab + .typebrown, #content .depth4Tab + .faq { margin-bottom: 5px; }
	#content .depth4Tab + .tab + .clear + p, #content .depth4Tab + .typebrown + .clear + p, #content .depth4Tab + .faq + .clear + p, #content .depth4Tab + .tab + .clear + h2, #content .depth4Tab + .typebrown + .clear + h2, #content .depth4Tab + .faq + .clear + h2, #content .depth4Tab + .tab + .clear + div, #content .depth4Tab + .typebrown + .clear + div, #content .depth4Tab + .faq + .clear + div { margin-top: 20px !important; }
	#content .depth4Tab + .tab + .clear + div.category, #content .depth4Tab + .typebrown + .clear + div.category, #content .depth4Tab + .faq + .clear + div.category { margin-top: 5px !important; }
	.spotMenu { width: 50%; position: absolute; left: 2%; top: -40px; text-align: left; }
	.spotMenu a { padding: 0 12px; line-height: 40px; }
	.global .logo { top: 10px; }
	.global .container { max-width: 100%; margin: 0; }
	.mainSchOpen { display: inline-block; position: absolute; right: 40px; top: 24px; }
	.mainSchOpen a { display: block; width: 40px; height: 40px; font-size: 20px; color: #00acdc; }
	.mainSearchSet { position: absolute; z-index: 100; top: 0; left: 0; margin-left: 0; width: 100%; display: none; height: 80px; }
	.mainSearchSet .mainSearch { height: 86px; background: #00acdc; padding: 24px 2%; }
	.mainSearchSet .mainSearch .dqAuto { top: 85px; }
	.mainSearchSet .mainSearch button { top: 22px; right: 40px; }
	.mainSearchSet .mainSearch button.keyListOpener { display: none; }
	.mainSearchSet .mainSearch .mainSchClose { display: block; position: absolute; right: 0; top: 22px; width: 40px; height: 40px; color: #fff; line-height: 40px; }
	.mainSearchSet.on { display: block; }
	.mainSearchSet .searchRankSet { display: none; }
	.mainSearch input[type=text] { width: 80%; border: none; border-left: 1px solid #fff; background: none; color: #fff; }
	.mainSearch input[type=text]::-webkit-input-placeholder { color: #fff; }
	.mainSearch input[type=text]::-ms-input-placeholder { color: #fff; }
	.mainSearch input[type=text]:-ms-input-placeholder { color: #fff; }
	.global { height: 80px; }
	.gnbSet { height: 6px; }
	.totalMenu { display: none; }
	.gnbSet .mTotalMenu { position: absolute; left: auto; right: 0; top: 22px; width: 50px; font-size: 22px; line-height: 50px; padding: 0 17px; display: none; }
	.gnbSet .mTotalMenu a { color: #fff; width: 50px; display: inline-block; font-size: 20px; padding: 0; text-align: center; }
	.gnbSet.fixMenu .mTotalMenu { display: block; top: 0; padding: 0; }
	.mTotalMenu { position: absolute; right: 0; top: 22px; z-index: 10; padding: 0; display: block; }
	.mTotalMenu a { color: #00acdc; width: 50px; display: inline-block; font-size: 20px; padding: 0; text-align: center; }
	.mdGnbOpen .gnb > ul { padding-bottom: 200px; }
	.globalHeader { line-height: 33px; border-bottom: 1px solid #ddd; }
	.globalHeader .globalSite { text-align: center; }
	.globalHeader .globalSite .globalwrap { margin-right: 50px; }
	.globalHeader .globalSite .globalwrap > ul { background: #f4f5f7; margin: 0 auto; width: 100%; }
	.globalHeader .globalSite .globalwrap > ul > li { width: 33.3333%; }
	.globalHeader .globalSite .globalwrap > ul > li a .fa { display: none; }
	.globalHeader .g_Info { float: right; width: 50%; margin-right: 2%; }
	.globalHeader .g_Info > ul { float: right; }
	.globalHeader .g_Info > ul > li:nth-child(2) { display: none; }
	.globalHeader .g_Info a, .globalHeader .g_Info button { font-size: 13px; line-height: 40px; background: none; border: none; padding: 0 0 0 7px; }
	.globalHeader .g_Info .myLogoutBx a { padding: 2px 10px; }
	.globalHeader .g_Info .glogin { font-size: 15px; color: #ea5a59; padding: 0 5px; }
	.globalHeader .g_Info .glogout { width: 40px; }
	.globalHeader .g_Info .fa { font-size: 20px; }
	.globalHeader .snsSet { position: absolute; top: 0; right: -0; z-index: 100; width: 50px; background: #1f497d; display: none; }
	.globalHeader .snsSet a { color: #fff; }
	.globalHeader .snsSet a.snsOpener { padding: 0 5px; line-height: 30px; vertical-align: top; line-height: 34px; }
	.globalHeader .snsSet .snsLink { width: 90px; }
	#footer { padding-top: 10px; }
	#footer .flist li { float: none; }
	#footer .flist a { line-height: normal; padding: 0 20px; background: none; } }

@media (max-width: 480px) { .container { max-width: 100%; }
	#content { padding: 10px; }
	.globalHeader { line-height: 39px; border-bottom: 1px solid #ddd; }
	.globalHeader a, .globalHeader button { font-size: 12px; }
	.globalHeader .globalSite > .globalwrap > ul { width: 100%; background: #f4f5f7; }
	.globalHeader .globalSite > .globalwrap > ul > li { width: 30%; }
	.globalHeader .globalSite > .globalwrap > ul > li.g1 { width: 40%; }
	.globalHeader .globalSite > .globalwrap > ul > li a { padding-left: 3px; padding-right: 3px; }
	.globalHeader .userInfoOpBx { margin-left: -150px; }
	.globalHeader .userInfoOpBx:before { margin-left: 28px; }
	.globalHeader .g_Info { float: right; width: 60%; }
	.globalHeader .g_Info > ul { float: right; }
	.globalHeader .g_Info a, .globalHeader .g_Info button { padding: 0 5px; }
	.globalHeader .g_Info .userInfoOpener .fa { font-size: 16px; }
	.globalHeader .snsSet .ti-angle-down:before { font-size: 6px; }
	.mdGnbOpen .gnb { width: 85%; }
	.location li { line-height: 20px; }
	.modal-open .modal-dialog .modal-body.moBodyh { padding: 10px; } }

.box { border: 1px solid #ddd; float: left; width: 100%; }

.box.boxpd { padding: 30px; }

.box.boxpd .badge { display: inline-block; line-height: 30px; width: 30px; text-align: center; background-color: #4d6f9b; padding: 0; }

.box.boxpd .badge.bg_gray { background-color: #7f7f7f; }

.box1 { border: 1px solid #f4f5f7; padding: 20px; }

.box2 { background: #f4f5f7; padding: 20px; margin-bottom: 20px; clear: both; }

.box2.type1 { position: relative; padding: 10px 20px; }

.box2.type1 .topCenter { position: absolute; top: 50%; }

.box2.type1 .rightBtn { text-align: right; right: 20px; margin-top: -25px; }

.box2.type1 .badge { padding-left: 0; padding-right: 0; margin-top: -40px; }

.box2.type1 .badge > span { font-size: 40px; display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; }

.box2.type1 .badge_txt { display: inline-block; text-align: left; vertical-align: top; }

.box2.type1 .badge_txt p { margin-bottom: 5px !important; }

.box2.type1 .txtType { font-size: 18px; font-weight: bold; color: #1f497d; }

.box2.type1 .txtType .mDib { margin-left: 15px; }

.box2.type1 .txtType .mDib:first-child { margin-left: 0; }

.box2.type2 { border: 2px solid #dee0e6; background: none; }

.box2.type3 { background: #fff; padding: 0; overflow: hidden; min-height: 80px; }

.box2.type3 .img { width: 12%; padding: 1px 10px; float: left; }

.box2.type3 .txt { width: 88%; padding: 1px 10px; float: left; }

.box2.type3 .badge { margin-left: 10px; }

.box2.type4 { color: #5b79b9; }

.box2.type4 p { position: relative; }

.box2.type4 p span.ti-info-alt { font-size: 24px; width: 40px; height: 24px; position: absolute; top: 50%; margin-top: -12px; }

.box2.type4 p > span.txt { padding-left: 37px; display: block; }

.box2.boxLine2 { min-height: 140px; border: 1px solid #ddd; padding: 15px 0; border-width: 1px 0; }

.box2.boxLine2 p, .box2.boxLine2 ul { margin-top: 10px; }

.box2.boxLine1 { min-height: 140px; border-top: 1px solid #ddd; padding: 15px 0; }

.box2.boxLine1 p, .box2.boxLine1 ul { margin-top: 10px; }

.box2 ol.list li { padding-left: 30px; /* text-indent:-20px; */ padding-bottom: 2%; margin-left: 0; }

.box2 ol.list li > span { position: absolute; left: 0; display: inline-block; background: #5b79b9; border-radius: 50px; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; }

.box2 ol.list li:before { display: none; }

.box2 ol.list li:last-child { padding-bottom: 0; }

.badge_type { width: 60px; height: 60px; display: inline-block; background: url(/static/portal/img/common/badge_type.png) no-repeat center center; }

.badge_type1 { width: 60px; height: 60px; display: inline-block; background: url(/static/portal/img/common/badge_type1.png) no-repeat center bottom; }

.box2.boxbar { border: 1px solid #dee0e6; padding: 10px 0; overflow: hidden; }

.box2.boxbar .row { margin-left: 0; margin-right: -6px; }

.box2.boxbar .col { padding: 5px; }

.box2.boxbar .bar, .box2.boxbar .spotMenu a, .spotMenu .box2.boxbar a, .box2.boxbar #footer .flist a, #footer .flist .box2.boxbar a, .box2.boxbar .bdList th, .bdList .box2.boxbar th, .box2.boxbar .bdList td, .bdList .box2.boxbar td { display: inline-block; float: right; height: 22px; width: 1px; margin: 0 0 0 5px; }

.box3 { background: #f4f5f7; padding: 15px 20px; margin-bottom: 20px; border: 1px solid #dedede; }

.boxTop { border: 7px solid #c9cfde; padding: 0 12px; position: relative; margin-bottom: 20px; clear: both; }

.boxTopArea p { margin: 0; }

.boxTopArea ol { padding: 0; margin: 0; }

.boxTopArea, .boxTop > p { line-height: 1.25; color: #5b79b9; font-size: 16px; text-align: center; background: #fff; margin: -7px 0 !important; font-weight: 600; padding: 10px; }

@media (max-width: 767px) { .boxTopArea, .boxTop > p { padding: 0; } }

.boxTopArea .point, .boxTop > p .point { text-decoration: underline; color: #1f497d !important; }

.boxTopArea .type, .boxTop > p .type { font-size: 1.35em; display: block; }

.boxbbsWrap h2 { float: left; }

.boxbbs { padding: 2%; text-align: center; border: 1px solid #dee0e6; margin-left: 100px; }

.boxbbs label { padding-right: 10px; font-size: 18px; font-family: "NotoSans"; font-weight: 500; color: #1f497d; }

.boxbbs select, .boxbbs .inpt_txt, .boxbbs button { color: #333; border: 3px solid #5b79b9; height: 45px; line-height: 45px; }

.boxbbs select { min-width: 150px; }

.boxbbs .b-sh { color: #fff; }

.boxImg { border: 1px solid #ddd; padding: 3px; }

.boxImg .ratioSet { display: block; }

.linkBox { margin: 10px 0; }

.linkBox.bg1 { background: #fff; }

.linkBox.bg1 > ul > li:nth-child(even) { background: #fff; }

.linkBox.type span { width: 72%; }

@media (max-width: 767px) { .linkBox.type span { width: auto !important; } }

.linkBox.type span.btnStyle { width: 28%; }

@media (max-width: 767px) { .linkBox.type span.btnStyle { width: 140px !important; } }

.linkBox > ul { width: 100%; border-bottom: 1px solid #ddd; }

.linkBox > ul > li { display: table; border-collapse: collapse; border-spacing: 0; width: 100%; }

.linkBox > ul > li:nth-child(even) { background: #fafafa; }

.linkBox > ul > li > div { width: 89%; }

.linkBox > ul > li > div, .linkBox > ul > li > span { display: table-cell; padding: 8px 8px 8px 20px; border: 1px solid #ddd; border-bottom: 0; }

.linkBox > ul > li span.btnStyle { padding: 8px; width: 11%; text-align: center; min-width: 100px; vertical-align: middle; }

.linkBox .bu { margin-left: 0; }

.linkBox .b-down { background: #484d58; padding: 0 8px !important; }

.linkBox .b-down:before { font-size: 12px !important; margin-right: 5px !important; }

.lineB { border-bottom: 1px solid #dedede; margin-bottom: 20px !important; padding-bottom: 10px; }

.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }

.xs-block, .sm-block, .md-block { display: inline; }

@media (min-width: 1024px) { .visible-lg { display: inline-block !important; }
	.hidden-lg { display: none !important; } }

@media (min-width: 768px) { .visible-md { display: inline-block !important; }
	.hidden-md { display: none !important; }
	.md-block { display: inline-block !important; width: 100%; } }

@media (max-width: 767px) { .visible-sm { display: inline-block !important; }
	.hidden-sm { display: none !important; }
	.sm-block { display: inline-block !important; width: 100%; }
	.box2.type1 { position: relative; padding: 10px; }
	.box2.type1 .h2 { font-size: 18px; }
	.box2.type1 .badge_news { width: 60px; height: 60px; background-size: cover; }
	.box2.type1 .topCenter { position: relative; top: 0; }
	.box2.type1 .rightBtn { text-align: right; right: 0; margin-top: 0; }
	.box2.type1 .badge { margin-top: 0; }
	.box2.type1 .badge > span { font-size: 20px; width: 50px; height: 50px; line-height: 50px; }
	.box2.type1 .badge_txt { display: block; }
	.box2.type1 .badge_txt .txtType { text-align: center; }
	.box2.type1 .badge_txt .txtType .mDib { margin-left: 0; display: block; }
	.box2.type3 .badge { margin-left: 0; }
	.box2.type3 .img { padding: 0; }
	.box2.type3 .txt { padding: 1px 10px 1px 20px; }
	.boxbbsWrap h2 { float: none; }
	.boxbbs { padding: 3% 2% 3% 2%; text-align: center; background-image: none !important; margin-left: 0; }
	.boxbbs label { display: block; }
	.boxbbs select, .boxbbs .inpt_txt { margin-bottom: 5px; }
	.boxbbs select { width: 100%; }
	.boxbbs .inpt_txt { width: 100%; }
	#content .hgroup h2.first { margin-top: 0px !important; }
	#content .hgroup h2.first + .fr { margin-top: 0px; }
	#content p.first { margin-top: 0px !important; }
	#footer a { line-height: 30px; }
	#footer .addrCopy { margin-top: 10px; }
	.modal-dialog { margin: 10px auto; } }

@media (max-width: 480px) { .visible-xs { display: inline-block !important; }
	.hidden-xs { display: none !important; }
	.xs-block { display: inline-block !important; width: 100%; }
	.box2.type1 .badge .fa { font-size: 15px; width: 30px; height: 30px; line-height: 30px; }
	.box2.type1 .badge_news { width: 30px; height: 30px; } }

.chklist { line-height: 22px; }

input[type=checkbox] { opacity: 0; position: relative; z-index: 1; width: 22px; height: 22px; vertical-align: middle; }

input[type=checkbox]:hover + i, input[type=checkbox]:focus + i { outline: dotted thin #000; }

input[type=checkbox] + i { display: inline-block; vertical-align: middle; width: 22px; height: 22px; border: 1px solid #e6e6e6; background-color: #fff; text-align: center; margin-right: 5px; vertical-align: middle; line-height: 1; margin-left: -22px; }

dd input[type=checkbox] + i { vertical-align: middle; }

input[type=checkbox] + i.type { display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 2px solid #666; background-color: #fff; text-align: center; margin-right: 5px; vertical-align: middle; line-height: 1; margin-left: -22px; }

dd input[type=checkbox] + i.type { vertical-align: middle; }

input[type=checkbox]:checked + i { color: #0c89d8; font-style: normal; }

input[type=checkbox]:checked + i:before { content: ''; font-family: FontAwesome; margin-top: 3px; display: inherit; }

label[disabled] input:checked + i { background-color: #cccccc; }

input[type=radio] { opacity: 0; position: absolute; }

input[type=radio]:focus + i { outline: dotted thin #000; }

input[type=radio] + i { display: inline-block; vertical-align: middle; width: 20px; height: 23px; margin-right: 2px; }

input[type=radio] + i:before { content: ''; display: inline-block; background-image: url(/static/portal/img/iconset.png); background-position: -342px -403px; width: 18px; height: 16px; }

input[type=radio]:checked + i:before { background-image: url(/static/portal/img/iconset.png); background-position: -304px -403px; width: 18px; height: 16px; }

input[type=radio][disabled] input:checked + i { background-color: #cccccc; }

.clist { margin: 20px 0 30px; border-top: 2px solid #005596; font-size: 16px; }

.clist label { padding: 16px 24px; font-size: 16px; display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #dedede; }

.clist label i { margin-right: 50px; }

.clist label[disabled] { background-color: #f9f9f9; color: #757575; }

.clist label[disabled] .l { font-weight: normal; }

.clist .l { float: left; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 600px; }

.clist .r { float: right; }

.input-xs { width: 70px; }

.input-sm { width: 120px; }

.input-md { width: 185px; }

.input-lg { width: 320px; }

.input-xg { width: 600px; }

.tel { width: 60px; }

.emailId, input.email_id, input.email_addr, input.emailAddr, .select_email_js { width: 150px; }

.formBox { border-top: 1px solid #ddd; padding-top: 16px; clear: both; overflow: hidden; }

@media (max-width: 767px) { .input-md, .emailId, input.email_id, input.email_addr, input.emailAddr, .select_email_js { width: 30.33%; }
	.input-lg { width: 70%; }
	.input-xg { width: 100%; } }

@media (max-width: 480px) { .input-xs { width: 26.33%; }
	.input-md, .emailId, input.email_id, input.email_addr, input.emailAddr, .select_email_js { width: 44.5%; }
	.input-lg { width: 100%; } }

.btnSetTop { margin: 20px 0 5px 0; text-align: right; }

input[type="submit"] { border: none; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

select option { font-family: "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif !important; }

.b-down:before { content: "\e6a7"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; margin-right: 10px; }

.b-down.xs:before { font-size: 12px !important; margin-right: 5px !important; }

.b-link:after { content: ""; background: url(/static/portal/img/common/ico_link.png) no-repeat; width: 20px; height: 10px; vertical-align: middle; margin-left: 10px !important; }

.b-go:after { content: "\f105"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; text-indent: 0 !important; margin-left: 10px !important; }

.b-view1:after { content: "\e64b"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; text-indent: 0 !important; margin-left: 5px !important; font-size: 10px !important; }

[class^=b-], .btn { padding: 0 18px; height: 30px; line-height: 30px !important; font-size: 14px; line-height: 1; color: #fff; display: inline-block; border-radius: 0; vertical-align: middle; text-align: center; font-weight: 500; background-color: #5b79b9; }

[class^=b-] i, [class^=b-]:after, [class^=b-]:before, .btn i, .btn:after, .btn:before { display: inline-block; font-weight: normal; font-size: 16px; font-style: normal; }

[class^=b-]:after, .btn:after { margin-left: 20px; }

[class^=b-]:hover, [class^=b-]:focus, [class^=b-]:active, .btn:hover, .btn:focus, .btn:active { text-decoration: underline; color: #fff; }

[class^=b-].b-reg, .btn.b-reg { background-color: #fff; color: #333; border: 1px solid #dedede !important; }

[class^=b-].b-del, .btn.b-del { background-color: #7f7f7f; }

[class^=b-].b-list, .btn.b-list { background-color: #5b79b9; }

[class^=b-].b-go, .btn.b-go { background-color: #484d58; }

[class^=b-].b-link, .btn.b-link { background-color: #484d58; }

[class^=b-].b-ok, .btn.b-ok { background-color: #5b79b9; }

[class^=b-].b-del, .btn.b-del { background-color: #7f7f7f; }

[class^=b-].b-white, .btn.b-white { background-color: #fff; color: #666; border: 1px solid #dee0e6; padding: 0 15px; }

[class^=b-].b-white .fa-chevron-down, .btn.b-white .fa-chevron-down { transition: all .3s; }

[class^=b-].b-white.on .fa-chevron-down, .btn.b-white.on .fa-chevron-down { transform: rotate(180deg); }

[class^=b-].b-cancel, .btn.b-cancel { background-color: #484d58; }

[class^=b-].b-view1, .btn.b-view1 { background-color: #484d58; }

[class^=b-].b-view, .btn.b-view { background-color: #5b79b9; font-weight: bold; }

[class^=b-].b-view i, .btn.b-view i { font-size: 0.95em; }

[class^=b-].b-view a, .btn.b-view a { color: #fff; }

[class^=b-].b-down, .btn.b-down { background-color: #484d58; }

[class^=b-].bg-red, .btn.bg-red { background-color: #ea5a5a; }

[class^=b-].bg-sky, .btn.bg-sky { background-color: #27b1e0; }

[class^=b-].bg-blue, .btn.bg-blue { background-color: #1f497d; }

[class^=b-].bg-blue1, .btn.bg-blue1 { background-color: #5b79b9; }

[class^=b-].bg-gray, .btn.bg-gray { background-color: #484d58; }

[class^=b-].bg-lightgray, .btn.bg-lightgray { background-color: #7f7f7f; }

[class^=b-].lg, .btn.lg { padding: 5px 15px; font-weight: bold; height: auto; }

[class^=b-].sm, .btn.sm { padding: 0 5px; font-weight: bold; height: auto; line-height: 24px !important; height: 24px; }

[class^=b-].xs, .btn.xs { padding: 0 5px; height: auto; line-height: 18px !important; min-height: 20px; font-size: 12px; }

td [class^=b-], td .btn { padding-left: 5px; padding-right: 5px; margin: 0 auto; }

.btnSet [class^=b-], .btnSet .btn { min-width: 100px; border: none; }

.type5 .b-down { background: #484d58 !important; color: #fff; }

.box_type { display: inline-block; border: 1px solid #c3c3c3; padding: 1px; margin: 1px; min-width: 70px; text-align: center; }

.box_type.color1 { color: #1cc800; }

.box_type.color2 { color: #366e00; }

.box_type.color3 { color: #6913dd; }

.btnSet.type2 span.icon { width: 67px; height: 37px; display: inline-block; background: url(/static/portal/img/cts/sub10/200686_icon.png) no-repeat 0 0; }

.btnSet.type2 .btn { height: 50px; line-height: 50px !important; border-radius: 5px; }

.btnSet.type2 .btn.btn_list1 { min-width: 200px; background: #00acdc; color: #000; }

.btnSet.type2 .btn.btn_list2 { min-width: 200px; background: #5b79b9; color: #fff; }

.b-icon { padding: 5px; }

.noimage { background-image: url(/static/commons/img/noimage.gif); }

.photoListTop .listOption { font-size: 20px; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; color: #333; background: #fff; vertical-align: middle; }

.photoListTop .listOption .fa { display: block; width: 30px; height: 30px; background-image: url(/static/commons/img/boardSprite.gif); }

.photoListTop .listOption .fa-th-large:before, .photoListTop .listOption .fa-navicon:before { content: ""; }

.photoListTop .listOption .fa-th-large { background-position: 0 0; }

.photoListTop .listOption .fa-navicon { background-position: -50px 0; }

.photoListTop .listOption.on .fa-th-large { background-position: 0 -50px; }

.photoListTop .listOption.on .fa-navicon { background-position: -50px -50px; }

.photoListView { clear: both; }

.photoListView .imgBox.imgBox2 { position: relative; padding: 10% 7%; border: 1px solid #dee0e6; }

.photoListView .imgBox.imgBox2 span { vertical-align: middle; }

.photoListView .imgBox.imgBox2 .ratioObject { border: none; }

.photoListView .imgBox.imgBox2 .infor { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }

.photoListView .buType.style dt { color: #5b79b9; }

.photoListView .buType dt { /* line-height: 139%; */ clear: both; background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px; padding-left: 10px; display: block; float: left; font-weight: bold; }

.photoListView .buType dt:after { display: inline-block; content: " : "; padding: 0 5px; }

.photoListView .buType dt span.type1 { display: inline-block; width: 30px; text-align: center; }

.photoListView .buType dt span.type2 { display: inline-block; width: 45px; text-align: right; }

.photoListView .buType dd { display: block; }

.photoListViewData { height: 110px; overflow: hidden; transition: all .1s; }

.photoListViewData.on { height: auto; transition: all .1s; }

.descMore a { color: #2c53af; font-size: 0.9em; }

.photoInfo { border: 7px solid #dee0e6; padding: 15px; margin-bottom: 20px; }

.photoInfo .dlType { line-height: 139%; }

.photoInfo .dlType dt, .photoInfo .dlType dd { margin-bottom: 10px; }

.photoInfo .dlType dt { background: url(/static/portal/img/common/bu1.gif) no-repeat left 9px; padding-left: 10px; margin-bottom: 0 !important; color: #666; float: left; }

.photoInfo .dlType dt:after { display: inline-block; content: " : "; padding: 0 5px; }

.photoInfo .dlType dd { color: #000; display: block; overflow: hidden; }

.fa-youtube { width: 40px; height: 18px; background: url(/static/portal/img/common/youtube.png) no-repeat 50% 0; }

.fa-youtube:before { content: ""; }

.photoList { border-top: 3px solid #005596; border-bottom: 1px solid #dee0e6; clear: both; margin-bottom: 50px; float: left; width: 100%; padding: 0 20px; }

.photoList.cardNews .ratioObject.bg100p { background-size: 100% 100%; }

.photoList.type1 li { margin-bottom: 30px; }

.photoList.no_icon .date:before, .photoList.no_icon .place:before { display: none !important; }

.photoList [class^=b-].lg, .photoList .btn.lg { padding-left: 8px; padding-right: 8px; margin-bottom: 3px; }

@media screen and (max-width: 1200px) { .photoList [class^=b-].lg, .photoList .btn.lg { padding: 2px 5px; } }

.photoList > ul { padding-top: 10px; }

.photoList ul.type li:nth-child(3n+1) { clear: both; }

.photoList .badgeSet { float: left; width: 100%; min-height: 24px; }

.photoList .badge { float: left; margin-right: 2px; margin-bottom: 2px; padding: 0 5px; }

.photoList .imgBox, .photoList .imgDesc, .photoList .imgDesc1 { display: inline; transition: all .5s; }

.photoList .imgBox .btn, .photoList .imgDesc .btn, .photoList .imgDesc1 .btn { margin-bottom: 3px; }

.photoList a .imgDesc .date { font-size: 14px; }

.photoList a .imgDesc .date:before { margin-right: 0; }

.photoList a .imgDesc .style_list { display: none; }

.photoList a:focus .ratioSet { outline: 1px dotted #000; }

.photoList .ratioSet .badge { position: absolute; right: 0; z-index: 10; }

.photoList .ratioSet .badge2 { position: absolute; left: 0; padding: 0 6px 0 0; z-index: 10; width: 70px; }

.photoList .ratioSet .badge2.be_badge { background: url(/static/portal/img/cts/sub5/badge_arr2.png) right 0 no-repeat; }

.photoList .ratioSet .badge2.ing_badge { background: url(/static/portal/img/cts/sub5/badge_arr1.png) right 0 no-repeat; }

.photoList .ratioSet .badge2 .badge { position: static; background: #ea5a59; width: 64px; height: 22px; line-height: 22px; padding: 0; text-align: center; }

.photoList .ratioSet .badge2 .bg_green { background: #484d58; width: 64px; height: 22px; line-height: 22px; }

.photoList a .imgDesc1 .style_list1 { display: block !important; margin-top: 5px; }

.photoList a .imgDesc1 .style_list1 { margin-bottom: 5px; }

.photoList a .imgDesc1 .style_list1 span { display: block; font-size: 0.9em; background: url(/static/portal/img/common/bu1.gif) no-repeat left 8px; padding-left: 10px; }

.photoList a .imgDesc1 .style_list1 > span { display: block !important; }

.photoList .desc1 { display: none; }

.photoList.lists { border-bottom: 0 solid #dee0e6; }

.photoList.lists a .desc1 { display: block; height: 70px; overflow: hidden; }

.photoList.lists a .desc { margin-bottom: 20px; }

.photoList.lists a .imgDesc .style_list { margin-bottom: 5px; }

.photoList.lists a .imgDesc .style_list span { display: block; font-size: 0.9em; background: url(/static/portal/img/common/bu1.gif) no-repeat left 8px; padding-left: 10px; }

.photoList.lists a .imgDesc .style { display: none; }

.photoList.lists span.sep { height: 46px; line-height: 22px; }

.photoList.lists > ul > li { clear: both; border-bottom: 1px solid #dedede; }

.photoList.lists > ul > li a .title { font-size: 1.25em; }

.photoList.lists > ul > li .imgDesc > span { display: block; }

.photoList.lists .imgBox, .photoList.lists .imgDesc { display: inline-block; }

.photoList.lists .imgBox .hit, .photoList.lists .imgDesc .hit { float: left; }

.photoList li { margin-bottom: 10px; }

.photoList li.nofile { text-align: center; min-height: 100px; }

.photoList .infor { padding-top: 10px; display: block; overflow: hidden; }

.photoList .infor .fl { padding-right: 3px; }

.photoList .infor .title { font-weight: bold; font-size: 1.1em; display: block; margin-left: 0; margin-right: 0; }

.photoList .infor .title:before { display: none; }

.photoList .infor .title:after { display: none; }

.photoList a { display: block; }

.photoList a:hover .ratioObject, .photoList a:active .ratioObject, .photoList a:focus .ratioObject { opacity: 0.8; transform: scale(1.3); }

.photoList a .ratioObject { opacity: 1; transition: all .5s; }

.photoList a .ratioSet { overflow: hidden; border: 1px solid #ddd; }

.photoList a .ratioSet .ratioObject { border: none; }

.photoList a.btn { padding-left: 7px; padding-right: 7px; }

.photoList a span { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.photoList a span.txt_link { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.photoList a .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-weight: 700; font-size: 16px; }

.photoList a .title1 { margin-top: 8px; overflow: hidden; height: 46px; line-height: 22px; font-weight: 600; white-space: normal; }

.photoList a .title2 { overflow: hidden; height: 46px; line-height: 22px; font-weight: 500; }

.photoList a .date { color: #757575; width: auto; }

.photoList a .date:before { content: "\e66e"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; margin-right: 5px; }

.photoList a .place { color: #757575; margin-bottom: 5px; min-height: 25px; }

.photoList a .place:before { content: "\f041"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; margin-right: 5px; }

.photoList a .hit { float: right; text-align: right; }

.photoList a .hit:before { content: "\e63d"; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; }

.photoList a .desc { height: 43px; overflow: hidden; }

.photoList a .badgeList { display: block; min-height: 30px; }

.photoList a .line1 { height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-bottom: 5px; }

.bdPhoto { clear: both; float: left; margin-bottom: 30px; width: 100%; }

.bdPhoto.row { margin-left: 0; margin-right: 0; }

.bdPhoto .ratioSet { display: block; }

.bdPhoto .ratioSet .badge { position: absolute; right: 0; z-index: 10; }

.bdPhoto > ul > li { overflow: hidden; position: relative; padding: 10px; min-height: 140px; border: 1px solid #dbdce0; margin-bottom: 10px; }

.bdPhoto > ul > li:hover { text-decoration: none; /* border-color:#000; */ background: #f4f5f7; }

.bdPhoto > ul > li > a:hover .ratioObject, .bdPhoto > ul > li > a:active .ratioObject, .bdPhoto > ul > li > a:focus .ratioObject { opacity: 1; }

.bdPhoto > ul > li > a .ratioObject { opacity: 0.65; transition: all .5s; }

.bdPhoto > ul > li > a .ratioSet { background: #000; }

.bdPhoto > ul > li > a dd { display: inline-block; }

.bdPhoto > ul > li .photo { float: left; width: 100%; display: inline-block; background-size: cover; }

.bdPhoto > ul > li dl { height: 120px; overflow: hidden; }

.bdPhoto > ul > li dl dt { font-weight: bold; padding: 6px 0; }

.bdPhoto > ul > li dl dt span.db { line-height: 20px; font-weight: 600; font-size: 1.05em; color: #00acdc; }

.bdPhoto > ul > li dl dt a { font-size: 1.05em; }

.bdPhoto > ul > li dl dl { height: auto; }

.bdPhoto > ul > li dl dl dt { padding: 0; }

.bdPhoto > ul > li dl .cont { overflow: hidden; height: 57px; width: 100%; }

.bdPhoto > ul > li dl .date span { color: #c0c0c0; padding: 0 5px; }

.bdPhoto > ul > li dl .date { color: #757575; width: auto; padding-top: 4px; }

.bdPhoto > ul > li dl .date:before { content: "\e66e"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; margin-right: 5px; }

.bdPhoto > ul > li dl .place { color: #333; margin-bottom: 5px; width: 100%; }

.bdPhoto > ul > li dl .place:before { content: "\e693"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; margin-right: 5px; }

.bdPhoto > ul > li dl .btn { padding-top: 14px; overflow: hidden; }

.bdPhoto.type2 > ul > li { min-height: 130px; margin-bottom: 0; }

.bdPhoto.type2 .dl-horizontal dd, .bdPhoto.type2 dt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.bdPhoto.type2 .ratioSet { display: block; }

.bdPhoto.type3 > ul > li { margin-bottom: 0; }

.bdPhoto.type3 dl { height: 87px; }

.bdPhoto.type3 span.title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.bdPhoto.type4 dl { height: auto; }

.bdPhoto.type4 .box { display: table; float: none; }

@media (max-width: 480px) { .bdPhoto.type4 .box { display: block; float: left; } }

.bdPhoto.type4 .box .col { float: none; display: table-cell; vertical-align: top; }

@media (max-width: 480px) { .bdPhoto.type4 .box .col { display: block; float: left; } }

.bdPhoto.type4 .m7 { position: relative; }

.bdPhoto.type4 .m7 .cont { margin-bottom: 5px !important; height: auto; }

.bdPhoto.type4 .m7 .btnSec { font-size: 0; margin-top: 5px; position: absolute; bottom: 10px; width: 90%; }

@media (max-width: 480px) { .bdPhoto.type4 .m7 .btnSec { position: inherit; bottom: inherit; overflow: hidden; width: 100%; } }

.bdPhoto.type4 .m7 .btnSec a { width: 49%; display: inline-block; font-size: 13px; text-align: center; padding: 0; margin: 0 0.5%; }

.bdPhoto.type4 .m7 .btnSec a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.bdPhoto.type5 .ratioObject { border: 1px solid #dee0e6; }

.cardList { margin-bottom: 30px; }

.cardList .box { padding: 10px; }

.cardList .box .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; height: 24px; font-weight: 500; }

.cardList .box .info { text-align: right; display: block; }

.cardList .box .info .hit { display: inline-block; float: left; text-transform: uppercase; }

.cardList .b-icon { line-height: 22px !important; height: 32px; }

.cardList .b-icon .icon { float: left; margin-right: 5px; }

.webzine.row { padding: 20px; }

.webzine .fl { position: relative; }

.webzine .fl .webzine_photo { height: 100%; display: block; border: 7px solid #627fa4; padding: 19%; }

.webzine .fl .webzine_photo .ratioObject { overflow: hidden; vertical-align: middle; }

.webzine .fl .webzine_photo .ratioObject.bg100p { background-size: 100% 100%; }

.webzine .fl .info { position: absolute; bottom: 6px; left: 0; width: 100%; text-align: center; margin: 0 auto; z-index: 9; }

.webzine .fl .info span { display: inline-block; }

.webzine .fl .info a { padding-top: 5px; padding-bottom: 5px; height: 40px; }

.webzine .scrollY { overflow-y: scroll; border: 1px solid #e8e8e8; background: #f7f7f7; /* height:589px; */ height: 535px; }

.webzine .b-down { background: #484d58; }

.webzine .b-icon { min-width: 110px; }

.videoSet.noh3 .l5 { width: 46%; }

.videoSet .ratioSet .badge { position: absolute; right: 0; z-index: 10; }

.videoSet .conBox { position: relative; }

.videoSet .conBox span { display: block; }

.videoSet .conBox .fb { font-size: 13px; }

.videoSet .conBox .size { font-size: 12px; }

.videoSet .conBox .icon { position: absolute; left: 10px; top: 10px; }

.videoSet .conBox .txt { padding-left: 34px; }

.videoSet .dbData { border-bottom: 0; }

.videoSet .dbData.scrollY { /* border:0; */ border-bottom: 1px solid #ddd; min-height: 275px; overflow-y: auto; }

.videoSet .buType.style dt { color: #5b79b9; }

.videoSet .buType dt { /* line-height: 139%; */ clear: both; background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px; padding-left: 10px; display: block; float: left; font-weight: bold; }

.videoSet .buType dt:after { display: inline-block; content: " : "; padding: 0 5px; }

.videoSet .buType dt span.type1 { display: inline-block; width: 30px; text-align: center; }

.videoSet .buType dt span.type2 { display: inline-block; width: 45px; text-align: right; }

.videoSet .buType dd { display: block; }

.videoSet .view > dl > dt { width: 21%; font-weight: bold; }

.videoPlay .ratioSet:before { content: "\f144"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -50px; z-index: 10; font-size: 60px; opacity: 0.6; transition: all .5s; display: none; }

.videoPlay:hover .ratioSet:before, .videoPlay:focus .ratioSet:before, .videoPlay:active .ratioSet:before { opacity: 0.9; }

/* 갤러리 */
#thumbsTxt { margin-top: -20px; }

.gallerySetBox h2 { margin-bottom: 30px; }

.gallerySetBox h2:before { content: ''; font-family: FontAwesome; font-size: 24px; padding-right: 17px; background-color: transparent; height: auto; width: auto; margin: 0; }

.gallerySetBox .gallerySet { position: relative; z-index: 1; margin-bottom: 50px; width: 100%; float: left; }

.gallerySetBox .gallerySet.type { margin-bottom: 0 !important; max-height: 140px; overflow: hidden; }

.gallerySetBox .gallerySet.type .thumbs .slick-slide { padding: 10px; overflow: hidden; }

.gallerySetBox .gallerySet.type .thumbs a { display: block; position: relative; line-height: 1; }

.gallerySetBox .gallerySet.type .thumbs a .txt { display: none; }

.gallerySetBox .gallerySet.type .thumbs a:hover .txt, .gallerySetBox .gallerySet.type .thumbs a:focus .txt { display: block; background: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; padding: 20px 10px; text-align: center; line-height: 1.4; }

.gallerySetBox .gallerySet.type .thumbs img { width: 100%; padding: 0; height: auto; }

.gallerySetBox .gallerySet .thumbs { z-index: 1; height: auto; }

.gallerySetBox .gallerySet .thumbs > div > div > a > div { border: 1px solid #ddd; margin: 0 1.5%; line-height: 0; }

.gallerySetBox .gallerySet .thumbs > div { text-align: center; display: block; }

.gallerySetBox .gallerySet .thumbs > div img { width: auto; height: 150px; display: inline-block; }

.gallerySet1 { position: relative; z-index: 1; margin-bottom: 50px; width: 100%; float: left; }

.gallerySet1 .galleryCtrl { position: initial !important; }

.gallerySet1 .galleryCtrl a { top: 35%; z-index: 10; }

.gallerySet1 .gallery { float: none; border: 8px solid #484d58; padding: 3%; float: none; width: 100%; }

.gallerySet1 .gallery img { width: 100% !important; }

.gallerySet1 .thumbsList { margin-top: 20px; }

.gallerySet1 .thumbsList .slick-slide { margin-left: 0.5%; }

.gallerySet1 .thumbsList .slick-slide a { display: block; }

.gallery { float: left; width: 80.218%; }

.gallery .slick a { display: inline-block; float: left; }

.downloadbtnset { text-align: right; }

.downloadbtnset a { float: none; }

@media (max-width: 1280px) { .cardList { margin-bottom: 30px; }
	.cardList .row .col.l6 { width: 100%; } }

@media (max-width: 1180px) { .photoList a .date, .photoList a .hit { font-size: 12px; line-height: 20px; }
	.photoList.type1 li { margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .photoList a .date, .photoList a .hit { font-size: 15px; line-height: 20px; }
	.gallerySetBox { padding: 10px; overflow: hidden; }
	.gallerySet { margin-bottom: 20px; }
	.gallery, .thumbsList { width: 100%; float: none; }
	.gallerySetBox .gallerySet .thumbs > div img { height: 100px; }
	#thumbsTxt { margin-top: 0; }
	.videoSet.noh3 .l5 { width: 100%; } }

.slick { position: relative; }

.gallery4 { border-top: 3px solid #686c6f; border-bottom: 1px solid #999; padding: 10px 0px; }

.gallery4 ul { position: relative; overflow: hidden; margin: 0 -7px; }

.gallery4 ul li { float: left; padding: 3px 7px; width: 25%; margin-bottom: 10px; }

.gallery4 ul li a { display: block; position: relative; }

.gallery4 ul li span { display: block; width: 100%; }

.gallery4 ul li span.img { position: relative; overflow: hidden; display: block; margin-bottom: 18px; border: 1px solid #dadada; }

.gallery4 ul li span.img:after { content: ''; display: block; padding-top: 62.4%; box-sizing: border-box; }

.gallery4 ul li a.active:after { content: ''; font-family: FontAwesome; position: absolute; left: 0; top: 27%; width: 100%; text-align: center; z-index: 2; font-size: 30px; }

.gallery4 ul li a.active span.img:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; background: url(/static/media/img/sub/selectbg.png) 0 0 repeat; border: 3px solid #3d3835; width: 100%; z-index: 1; }

.gallery4 ul li span.img img { position: absolute; top: 0; left: 0; width: 100%; }

.gallery4 ul li span.txt { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.gallery4 ul li span.txt:before { content: '\f0f6 '; font-family: FontAwesome; padding-right: 5px; }

.gallery4 ul li span.hit { color: #1f9ed9; display: inline-block; width: auto; float: left; padding-right: 25px; }

.gallery4 ul li span.date { text-align: right; }

.gallery4 img { width: auto; height: auto; }

.gallery4 .box4 { border: 1px solid #ddd; }

.gallery4 .box4 a { display: table; width: 100%; height: 300px; }

.gallery4 .box4 a .img { display: table-cell; height: 300px; overflow: hidden; text-align: center; vertical-align: middle; }

.gallery4 .box4 a img { width: 100%; height: auto; max-height: 300px; }

@media screen and (max-width: 767px) { .gallery4 { float: none; }
	.gallery4 ul li { float: none; width: 100%; }
	.gallery4 ul li span.txt:before { height: auto; }
	.gallery4 ul li span.txt { height: auto; } }

.galleryCtrl { height: 100%; }

.galleryCtrl a { position: absolute; top: 35%; width: 40px; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; z-index: 10; }

.galleryCtrl a.nextVs { right: 0; }

.galleryCtrl .round { display: inline-block; width: 40px; height: 40px; font-size: 20px; line-height: 40px; margin-right: 3px; text-align: center; background: rgba(255, 255, 255, 0.6); }

/* prettyPhoto */
div.pp_overlay { background: #000; display: none; left: 0; position: fixed; top: 0; width: 100%; z-index: 9500; }

div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; }

.pp_top { display: none; }

* html .pp_top { padding: 0 20px; }

.pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }

.pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }

* html .pp_top .pp_middle { left: 0; position: static; }

.pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }

.pp_content { height: 40px; min-width: 40px; padding-top: 20px; }

* html .pp_content { width: 40px; }

.pp_fade { display: none; }

.pp_content_container { position: relative; text-align: left; width: 100%; }

.pp_content_container .pp_left { padding-left: 20px; }

.pp_content_container .pp_right { padding-right: 20px; }

.pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; }

.pp_description { display: none; margin: 0; }

.pp_social { float: left; margin: 0; }

.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }

.pp_social .twitter { float: left; }

.pp_nav { clear: right; float: left; margin: 3px 10px 0 0; }

.pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; }

.pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; }

a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; }

.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }

.pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; }

.pp_gallery div { float: left; overflow: hidden; position: relative; }

.pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; }

.pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden; }

.pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; }

.pp_gallery ul a img { border: 0; }

.pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }

.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; }

a.pp_next { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; }

a.pp_previous { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; }

a.pp_expand, a.pp_contract { cursor: pointer; position: absolute; left: 0; top: -70px; width: 80px; height: 60px; display: none; z-index: 20000; }

a.pp_close { position: absolute; z-index: 20000; right: 0; top: -70px; display: block; line-height: 30px; }

.pp_bottom { display: none; }

* html .pp_bottom { padding: 0 20px; }

.pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }

.pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }

* html .pp_bottom .pp_middle { left: 0; position: static; }

.pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }

.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; }

#pp_full_res { line-height: 1 !important; }

#pp_full_res .pp_inline { text-align: left; }

#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; }

.light_square .pp_left, .light_square .pp_middle, .light_square .pp_right, .light_square .pp_content { background: #fff; }

.light_square .pp_content .ppt { color: #000; }

.light_square .pp_expand { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/zoom_in.png) no-repeat; cursor: pointer; }

/* Expand button */
.light_square .pp_contract { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/zoom_out.png) no-repeat; cursor: pointer; }

/* Contract button */
.light_square .pp_close { width: 60px; height: 60px; background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/close.png) no-repeat; text-align: center; color: #fff; }

.light_square .pp_details { position: relative; }

.light_square .pp_description { display: none; }

.light_square #pp_full_res .pp_inline { color: #000; }

.light_square .pp_gallery a.pp_arrow_previous, .light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }

.light_square .pp_nav .pp_play { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }

.light_square .pp_nav .pp_pause { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

.light_square .pp_arrow_previous { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; }

/* The previous arrow in the bottom nav */
.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }

.light_square .pp_arrow_next { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; }

/* The next arrow in the bottom nav */
.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

.light_square .pp_next:hover { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; }

/* Next button */
.light_square .pp_previous:hover { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; }

/* Previous button */
.light_square .pp_loaderIcon { background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }

/* Loader icon */
@media (max-width: 767px) { .light_square .pp_close { top: -40px; width: 30px; height: 30px; background-size: 100%; }
	.photoList ul.type li:nth-child(3n+1) { clear: none; }
	.photoList ul.type li:nth-child(2n+1) { clear: both; }
	.webzine .row { margin-left: 0; margin-right: 0; }
	.webzine .fr { margin-top: 20px; } }

/* 설문조사뷰 */
.ico-tel { color: red; }

.ico-tel:before { content: '\f095'; font-size: 18px; display: inline-block; width: 19px; font-family: FontAwesome; }

.view > dl.deco { background-color: #f5f4f2; }

.view > dl.deco > dt { position: relative; }

.view > dl.deco > dt:after { content: ''; height: 17px; position: absolute; right: 0; top: 50%; margin-top: -9px; border-right: 1px solid #dadada; }

.view > dl.deco > .d { width: 110px; }

/* 설문조사 질의목록 */
.surbeyQ dt { font-size: 16px; padding: 16px 0 20px 27px; background-color: #f5f4f2; border: 1px solid #dadada; border-top: 2px solid #47413e; }

.surbeyQ dt:before { content: '\f164'; color: #1f9ed9; font-size: 24px; display: inline-block; width: 30px; font-family: FontAwesome; }

.surbeyQ dd { border: 1px solid #dadada; border-width: 0 1px 0 1px; margin-bottom: 40px; overflow: hidden; }

.surbeyQ dt, .surbeyQ dd { display: block; }

.surbeyQ dd .row > div { border: 1px solid #dadada; border-width: 0 1px 1px 0; }

.surbeyQ dd label { display: block; padding: 20px; }

.surbeyQ dd.textarea { padding: 20px; border-bottom: 1px solid #dadada; }

.surbeyQ dd.textarea textarea { width: 100%; height: 96px; }

/* 설문조사 결과 */
.table.table-survey { border-top: none; overflow: visible; }

.table-survey caption { display: table-caption; visibility: visible; width: auto; height: auto; clip: inherit; margin: 0; position: static; opacity: 1; line-height: 1; font-size: 16px; padding: 16px 0 20px 27px; background-color: #f5f4f2; border: 1px solid #dadada; border-top: 2px solid #47413e; color: red; }

.table-survey caption::before { content: '\f0a6'; font-size: 24px; width: 30px; display: inline-block; font-family: FontAwesome; }

.table-survey caption details { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.table-survey tr > * { border: 1px solid #dadada; }

.table-survey td.graph { padding: 10px 0; }

.table-survey td.graph span { display: block; height: 38px; background-color: #6dc0e6; }

.graph1 { background-image: url(/static/portal/images/pattern/survey_pt1.png); }

.graph2 { background-image: url(/static/portal/images/pattern/survey_pt2.png); }

.graph3 { background-image: url(/static/portal/images/pattern/survey_pt3.png); }

.graph4 { background-image: url(/static/portal/images/pattern/survey_pt4.png); }

.bdList + .surveyRsult { border-top: none; }

.surveyRsult { clear: both; border-top: 2px solid #47413e; margin-bottom: 30px; }

.surveyRsult .sh { margin: 0; border: 1px solid #dadada; border-bottom: none; background-color: #f5f4f2; padding: 16px; }

.surveyRsult p { font-size: 16px; padding: 16px 0 20px 27px; background-color: #f5f4f2; border: 1px solid #dadada; color: red; margin: 0 !important; }

.surveyRsult p::before { content: '\f0a6'; font-size: 24px; width: 30px; display: inline-block; font-family: FontAwesome; }

.surveyRsult ol li { padding: 18px 28px; font-size: 14px; border: 1px solid #dadada; border-top: none; }

.surveyRsult table { float: none; margin: 0; border-top: none; }

.surveyRsult tr > * { border: 1px solid #dadada; }

.surveyRsult .table { border-top: 1px solid #dadada; }

.surveyRsult .table > thead > tr > th { border-bottom: none; }

.tooltipped { position: relative; }

.tooltipped::after { position: absolute; z-index: 1000000; display: none; padding: 5px 8px; font: normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; -webkit-font-smoothing: subpixel-antialiased; color: #fff; text-align: center; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-wrap: break-word; white-space: pre; pointer-events: none; content: attr(aria-label); background: rgba(27, 31, 35, 0.8); border-radius: 3px; opacity: 0; }

.tooltipped::before { position: absolute; z-index: 1000001; display: none; width: 0; height: 0; color: rgba(27, 31, 35, 0.8); pointer-events: none; content: ""; border: 5px solid transparent; opacity: 0; }

@keyframes tooltip-appear { from { opacity: 0; }
	to { opacity: 1; } }

.tooltipped:hover::before, .tooltipped:hover::after, .tooltipped:active::before, .tooltipped:active::after, .tooltipped:focus::before, .tooltipped:focus::after { display: inline-block; text-decoration: none; animation-name: tooltip-appear; animation-duration: 0.5s; animation-fill-mode: forwards; animation-timing-function: ease-in; }

.tooltipped-no-delay:hover::before, .tooltipped-no-delay:hover::after, .tooltipped-no-delay:active::before, .tooltipped-no-delay:active::after, .tooltipped-no-delay:focus::before, .tooltipped-no-delay:focus::after { opacity: 1; animation: none; }

.tooltipped-multiline:hover::after, .tooltipped-multiline:active::after, .tooltipped-multiline:focus::after { display: table-cell; }

.tooltipped-s::after, .tooltipped-se::after, .tooltipped-sw::after { top: 100%; right: 50%; margin-top: 5px; }

.tooltipped-s::before, .tooltipped-se::before, .tooltipped-sw::before { top: auto; right: 50%; bottom: -5px; margin-right: -5px; border-bottom-color: rgba(27, 31, 35, 0.8); }

.tooltipped-se::after { right: auto; left: 50%; margin-left: -15px; }

.tooltipped-sw::after { margin-right: -15px; }

.tooltipped-n::after, .tooltipped-ne::after, .tooltipped-nw::after { right: 50%; bottom: 100%; margin-bottom: 5px; }

.tooltipped-n::before, .tooltipped-ne::before, .tooltipped-nw::before { top: -5px; right: 50%; bottom: auto; margin-right: -5px; border-top-color: rgba(27, 31, 35, 0.8); }

.tooltipped-ne::after { right: auto; left: 50%; margin-left: -15px; }

.tooltipped-nw::after { margin-right: -15px; }

.tooltipped-s::after, .tooltipped-n::after { transform: translateX(50%); }

.tooltipped-w::after { right: 100%; bottom: 50%; margin-right: 5px; transform: translateY(50%); }

.tooltipped-w::before { top: 50%; bottom: 50%; left: -5px; margin-top: -5px; border-left-color: rgba(27, 31, 35, 0.8); }

.tooltipped-e::after { bottom: 50%; left: 100%; margin-left: 5px; transform: translateY(50%); }

.tooltipped-e::before { top: 50%; right: -5px; bottom: 50%; margin-top: -5px; border-right-color: rgba(27, 31, 35, 0.8); }

.tooltipped-multiline::after { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 250px; word-wrap: break-word; white-space: pre-line; border-collapse: separate; }

.tooltipped-multiline.tooltipped-s::after, .tooltipped-multiline.tooltipped-n::after { right: auto; left: 50%; transform: translateX(-50%); }

.tooltipped-multiline.tooltipped-w::after, .tooltipped-multiline.tooltipped-e::after { right: 100%; }

.tooltipped-sticky::before, .tooltipped-sticky::after { display: inline-block; }

.tooltipped-sticky.tooltipped-multiline::after { display: table-cell; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .tooltipped-w::after { margin-right: 4.5px; } }

.tabs { clear: both; float: left; margin-left: -1px; margin-bottom: 24px; background: #fbfbfc; border: 1px solid #c9cfde; padding: 9px; width: 100%; }

.tabs ul { float: left; width: 100%; clear: both; }

.tabs li { display: inline-block; text-align: left; position: relative; height: 34px; }

.tabs a { font-size: 15px; display: inline-block; word-break: keep-all; }

.tabs a:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.tabs > ul { padding-top: 5px; }

.tabs > ul > li { width: 25%; float: left; }

.tabs > ul > li:before { content: ""; width: 1px; height: 14px; border-left: 1px solid #d3dae7; position: absolute; top: 5px; left: 0; }

.tabs > ul > li:nth-child(4n+1):before { display: none; }

.tabs > ul > li > a { color: #5b79b9; letter-spacing: -1px; }

.tabs > ul > li.active > a, .tabs > ul > li.on > a { font-weight: 600; color: #1f497d; border-bottom: 3px solid #1f497d; }

.tab, .typebrown, .faq { clear: both; float: left; margin-bottom: 20px; width: 100%; }

.tab ul, .typebrown ul, .faq ul { float: left; width: 100%; clear: both; }

.tab li, .typebrown li, .faq li { display: table-cell; float: left; height: 44px; border: 1px solid #5b79b9; width: 25%; vertical-align: middle; background: #fbfbfc; margin-left: -1px; margin-bottom: -1px; padding: 0 10px; }

.tab li.active, .typebrown li.active, .faq li.active { background-color: #7c94c7; }

.tab li.active a, .typebrown li.active a, .faq li.active a { color: #fff; font-weight: 600; }

.tab a, .typebrown a, .faq a { font-size: 14px; line-height: 16px; color: #325192; word-break: keep-all; vertical-align: middle; display: table-cell; }

.tabType { clear: both; float: left; margin-bottom: 20px; width: 100%; }

.tabType ul { float: left; width: 100%; clear: both; }

.tabType li { display: inline-table; text-align: center; float: left; height: 44px; border: 1px solid #5b79b9; width: 25%; vertical-align: middle; background: #fbfbfc; margin-left: -1px; margin-bottom: -1px; padding: 0 10px; }

.tabType li.active { background-color: #7c94c7; }

.tabType li.active a { color: #fff; font-weight: 600; }

.tabType a { font-size: 14px; line-height: 16px; color: #325192; word-break: keep-all; vertical-align: middle; display: table-cell; }

.tab li, .typebrown li, .faq li { display: inline-table; text-align: center; }

.tabsub { clear: both; float: left; width: 100%; margin-bottom: 30px; font-size: 13px; margin-bottom: 30px; }

.tabsub.dept3 { margin-bottom: 5px; }

.tabsub ul { background: #fff; float: left; width: 100%; background-color: #fbfbfc; border: 1px solid #dee0e6; }

.tabsub ul li { width: 25%; float: left; text-align: center; line-height: 120%; display: table-cell; line-height: 40px; background: url(/static/commons/img/tbar.gif) no-repeat 100% 50%; }

.tabsub ul li:nth-child(4n) { background: none; }

.tabsub ul li.active { border: 2px solid #325192; position: relative; line-height: 36px; background: #fff; }

.tabsub ul li.active:before { content: "▼"; font-size: 10px; position: absolute; top: -17px; left: 48%; }

.tabsub ul li.active > a, .tabsub ul li.on > a { font-weight: 600; color: #5b79b9; text-decoration: none; font-size: 14px; }

.tabsub ul li a { color: #666; vertical-align: middle; text-align: center; width: 100%; float: none; }

.tabsub.type { float: none !important; overflow: hidden; }

.tabsub.type ul { border-bottom: 1px solid #ddd; border-width: 0 0 1px 0 !important; overflow: hidden; clear: both; }

.tabsub.type ul li { background: url(/static/portal/img/common/tabLine.gif) no-repeat left center; display: table; line-height: 17px; }

.tabsub.type ul li a { display: table-cell; line-height: 17px; height: 43px; padding: 0 5px; }

@media (max-width: 1023px) { .tabsub.type ul li { text-align: center; }
	.tabsub.type ul li a { line-height: 1em; text-align: center; } }

.tabsub.type ul li.active { border-bottom: 3px solid #5b79b9; }

.tabsub.type ul li.active:before { content: "▼"; font-size: 10px; position: absolute; top: -7px; left: 48%; }

.tabsub.type ul li:first-child { background: none; }

.tabsub.type ul li:nth-child(4n+1) { clear: both; background-image: none; }

.tabsBox { margin-top: -21px; }

.tab-content { margin-top: 10px; }

.tab-content.tabScroll { border: 1px solid #ddd; padding: 50px 20px 20px 20px; position: relative; }

.tab-content.tabScroll .printS { position: absolute; top: 10px; right: 30px; }

.tab-content.tabScroll .tab-pane { height: 300px; overflow: auto; }

.tab-content .tab-pane { display: none; }

.tab-content .tab-pane.active, .tab-content .tab-pane.on { display: block; }

.typebrown, .faq { margin-bottom: 30px; }

.typebrown ul li, .faq ul li { border-left: 2px solid #fff; }

.typebrown ul li a, .faq ul li a { display: block; text-align: center; color: #757575; background-color: #ffffff; font-size: 16px; font-weight: bold; line-height: 1; padding: 16px 0; letter-spacing: -0.5px; position: relative; border: 1px solid #dedede; }

.typebrown ul li.active a, .faq ul li.active a { background-color: #f8f5ee; color: #453311; border: 1px solid #453311; }

.typebrown ul li.active a:before, .faq ul li.active a:before { content: ''; position: absolute; left: 50%; margin-left: -4px; bottom: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #453311; display: block; }

.typebrown ul li.active a:after, .faq ul li.active a:after { content: ''; position: absolute; left: 50%; margin-left: -2px; bottom: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f8f5ee; display: block; }

.categoryCts { display: none; }

.category { border: 2px solid #dee0e6; padding: 12px; overflow: hidden; margin-bottom: 10px; clear: both; }

.category.type ul li { min-width: 32%; }

.category.type2 ul li { min-width: 25%; }

.category.type3 ul li { min-width: inherit; margin-right: 20px; }

.category ul li { display: inline-block; min-width: 20%; float: left; }

.category ul li.on a { display: inline-block; color: #00acdc; font-weight: 600; }

.category ul li.on a:before { content: "\f078"; display: inline-block; width: 20px; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; font-size: 12px; color: #2e5586; }

.category ul li a { display: inline-block; color: #666; }

.category ul li a:before { content: '-'; display: inline-block; width: 20px; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; font-size: 20px; line-height: 12px; }

.category .categoryOnOff { display: none; }

.step { width: 100%; border: 2px solid #dedede; clear: both; background-color: #fff; float: left; margin-bottom: 10px; text-align: center; }

.step.len4 li { padding-left: 30px; padding-right: 30px; }

.step li { display: inline-block; padding: 20px; color: #333; position: relative; }

.step li.on { color: #757575; }

.step li.active { position: relative; }

.step li.active .title { position: relative; color: #fff; padding-left: 20px; float: left; }

.step li.active .title:after { content: "\f00c"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background-color: #fff; color: #00acdc; font-size: 18px; font-weight: 600; position: absolute; left: 0; top: 0; }

.step li.active span { position: relative; font-size: 18px; font-weight: 600; color: #5b79b9; letter-spacing: -1px; }

.step li.active span.hidden { position: absolute; }

.step li.active span:before { content: ""; width: 100%; position: absolute; bottom: -4px; border-bottom: 2px solid #5b79b9; }

.step li:after { content: "\f138"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; position: absolute; right: -10px; top: 50%; margin-top: -10px; color: #5b79b9; }

.step li:last-child:after { display: none; }

.step li .title:after { content: "."; margin-right: 3px; }

.fade { opacity: 0; transition: opacity 0.15s linear; }

.fade.show { opacity: 1; }

.collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.3s ease; }

.navbar { position: relative; }

.navbar .navbar-toggler { display: none; }

.depth3Tab { display: none; width: 100%; margin-left: -1px; overflow: hidden; }

.depth3Tab a { display: block; background: #7c94c7 url(/static/portal/img/common/arr_4depth.png) no-repeat 95% 50%; border: 1px solid #5b79b9; color: #fff; word-break: keep-all; line-height: 16px; padding: 10px 5px; font-size: 14px; text-align: center; text-decoration: none; }

.tab.dept3, .dept3.typebrown, .dept3.faq { display: none; }

.tab.dept3 + .depth4Tab, .dept3.typebrown + .depth4Tab, .dept3.faq + .depth4Tab { margin-top: 5px; }

.depth3Tab + .tabsub { display: none; }

.depth4Tab { display: none; width: 100%; margin-left: -1px; overflow: hidden; }

.depth4Tab.depth4 a { display: block; background: #fff url(/static/portal/img/common/arr_5depth.png) no-repeat 95% 50%; border: 2px solid #325192; color: #325192; word-break: keep-all; line-height: 16px; padding: 10px 5px; font-size: 14px; text-align: center; text-decoration: none; }

.depth4Tab a { display: block; background: #7c94c7 url(/static/portal/img/common/arr_4depth.png) no-repeat 95% 50%; border: 1px solid #5b79b9; color: #fff; word-break: keep-all; line-height: 16px; padding: 10px 5px; font-size: 14px; text-align: center; text-decoration: none; }

.depth5Tab { margin-top: 5px; display: none; width: 100%; margin-left: -1px; overflow: hidden; }

.depth5Tab a { display: block; background: #fff url(/static/portal/img/common/arr_5depth.png) no-repeat 95% 50%; border: 2px solid #325192; color: #325192; word-break: keep-all; line-height: 16px; padding: 10px 5px; font-size: 14px; text-align: center; text-decoration: none; }

@media (max-width: 1280px) { .step li { font-size: 13px; padding: 20px 8px; }
	.step li .active span { font-size: 15px; } }

@media (max-width: 1023px) { .collapse { display: none; overflow: hidden; }
	.collapse.in { display: block; }
	.navbar-collapse { clear: both; }
	.navbar { background-color: #f5f5f5; padding: 10px; }
	.navbar .navbar-toggler { display: block; font-size: 20px; clear: both; background: #005596; color: #fff; padding: 0 10px; }
	.tab li, .typebrown li, .faq li { padding: 0; }
	.step li { padding: 20px 10px; }
	.step li.active span { display: inline-block; font-size: 14px; }
	.step li.active .title { border: none; width: 1px; height: 1px; }
	.step li span { display: none; }
	.step li .title { border: 1px solid #dedede; width: 25px; height: 25px; line-height: 23px; display: inline-block; border-radius: 25px; }
	.step li .title:after { content: ""; margin-right: 3px; } }

@media (max-width: 767px) { .mobileTab { margin-bottom: 20px; }
	.tab.depth4 ul, .depth4.typebrown ul, .depth4.faq ul { background: #fff; float: left; width: 100%; background-color: #fbfbfc; border: 1px solid #dee0e6; }
	.tab.depth4 ul li, .depth4.typebrown ul li, .depth4.faq ul li { width: 100%; float: left; text-align: center; line-height: 120%; display: block !important; line-height: 40px; background: none; border: 0; }
	.tab.depth4 ul li:nth-child(4n), .depth4.typebrown ul li:nth-child(4n), .depth4.faq ul li:nth-child(4n) { background: none; }
	.tab.depth4 ul li.active, .depth4.typebrown ul li.active, .depth4.faq ul li.active { border: 2px solid #325192; position: relative; line-height: 36px; background: #fff; }
	.tab.depth4 ul li.active:before, .depth4.typebrown ul li.active:before, .depth4.faq ul li.active:before { content: "▼"; font-size: 10px; position: absolute; top: -17px; left: 50%; }
	.tab.depth4 ul li.active > a, .depth4.typebrown ul li.active > a, .depth4.faq ul li.active > a, .tab.depth4 ul li.on > a, .depth4.typebrown ul li.on > a, .depth4.faq ul li.on > a { font-weight: 600; color: #5b79b9; text-decoration: none; font-size: 14px; }
	.tab.depth4 ul li a, .depth4.typebrown ul li a, .depth4.faq ul li a { color: #666; vertical-align: middle; text-align: center; width: 100%; float: none; display: block; line-height: 36px !important; }
	.tab ul li, .typebrown ul li, .faq ul li { width: 100%; }
	.tab ul li a, .typebrown ul li a, .faq ul li a, .tabsub ul li a { font-size: 13px; }
	.tabsub { display: none; margin-bottom: 0; }
	.tabsub ul li { width: 100%; background: none; }
	.tabsub.type { display: block; position: relative; }
	.tabsub.type.on ul { border-top: 1px solid #dee0e6; }
	.tabsub.type.on ul li { display: block; width: 100%; }
	.tabsub.type ul { display: block; margin-right: 55px; }
	.tabsub.type ul.smOpen { width: 85%; }
	.tabsub.type ul.smOpen li { display: block; width: 100%; }
	.tabsub.type ul li { display: none; height: auto; background-image: none; border: 1px solid #ddd; border-width: 1px 1px 0 1px; }
	.tabsub.type ul li a { display: block !important; padding: 10px 20px 10px 5px; height: auto; }
	.tabsub.type ul li.active { display: block; border: 2px solid #325192; }
	.tabsub.type ul li.active:before { content: "▼"; font-size: 10px; position: absolute; top: 10px; right: 10px; left: inherit; }
	.tabsub.type .categoryOnOff { display: inline-block; position: absolute; top: 7px; right: 10px; }
	.tabsub.type1 { display: block; position: relative; }
	.tabsub.type1 ul { border-top: 1px solid #dee0e6; }
	.tabsub.type1 ul li { display: block; width: 25%; line-height: 30px; }
	.tabsub.type1 ul li a { font-size: 13px; letter-spacing: -2px; }
	.tabsub.type1 ul li.active { line-height: 26px; }
	.tabsub.type1 ul li.active:before { display: none; content: ""; }
	.category { position: relative; }
	.category.on ul li { display: block; width: 100%; }
	.category.on ul li a { display: block; padding-top: 7px; padding-bottom: 7px; }
	.category ul { display: block; margin-right: 55px; }
	.category ul.smOpen { width: 85%; }
	.category ul.smOpen li { display: block; width: 100%; }
	.category ul li { display: none; }
	.category ul li a { padding-left: 20px; text-indent: -20px; }
	.category ul li a:before { width: auto; padding-left: 20px; }
	.category ul li.on { display: block; }
	.category ul li.on a { padding-left: 20px; text-indent: -20px; }
	.category ul li.on a:before { width: auto; padding-left: 20px; }
	.category .categoryOnOff { display: inline-block; position: absolute; top: 9px; right: 10px; }
	.category.type3 ul { margin-right: 0; }
	.category.type3 ul li { display: block; }
	.depth3Tab { display: block; }
	.depth3Tab + .tab, .depth3Tab + .typebrown, .depth3Tab + .faq { display: none; }
	.depth3Tab.on + .tab, .depth3Tab.on + .typebrown, .depth3Tab.on + .faq { display: block; margin-top: -1px; }
	.depth4Tab { display: block; }
	.depth4Tab + .tab, .depth4Tab + .typebrown, .depth4Tab + .faq { display: none; }
	.depth4Tab.on + .tab, .depth4Tab.on + .typebrown, .depth4Tab.on + .faq { display: block; margin-top: -1px; }
	.depth5Tab { display: block; }
	.depth5Tab + ul { display: none; }
	.depth5Tab.on + ul { display: block; margin-top: -1px; }
	.tabType li { height: 30px; } }

@media (max-width: 480px) { .step.len4 li { padding-left: 10px; padding-right: 10px; }
	.step li { padding: 20px 3px; }
	.step li .title { font-size: 12px; }
	.step li:after { font-size: 8px; right: -8px; }
	.step li.active span { display: inline-block; font-size: 12px; }
	.step li.active .title { display: none; }
	.category ul.smOpen { width: 75%; }
	.category ul.smOpen li { width: 100%; } }

.fixed { table-layout: fixed; }

.th2 { background-color: #f3f3f3; }

.bdList table tbody tr td.nodata:first-child { padding: 40px 10px; position: relative; width: 100%; top: 0; margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid #ddd !important; }

.totalCount { font-size: 15px; padding-left: 9px; padding-top: 6px; }

.totalCount:before { content: ''; display: inline-block; width: 20px; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.totalCount em em { color: #ff5736; }

.scrollX { overflow: hidden; overflow-x: auto; clear: both; width: 100%; }

.scrollX.table-xg table { min-width: 1400px; }

.scrollX.table-lg table { min-width: 900px; }

.scrollX table { min-width: 680px; /* max-width:904px */ }

.scrollY { overflow-y: scroll; height: 250px; clear: both; border: 1px solid #ddd; padding: 10px 15px; }

.scroll { overflow-y: scroll; }

/* TABLES */
.table { width: 100%; border: none; margin-top: 10px; margin-bottom: 10px; clear: both; border-top: 1px solid #dee0e6; }

.table table { width: 100%; }

.table.table-view { border-top: 2px solid #627fa4; }

.table.tac tbody > tr > th { text-align: center; padding-left: 5px; }

.table.th_tac th { text-align: center; padding-left: 5px; }

.table.th_fb th { font-weight: bold; }

.table.td_tac td { text-align: center; }

.table.td_tar td { text-align: right; }

.table.td_pr20p td { padding-right: 20%; text-align: right !important; }

.table.th_pl20p tbody th { padding-left: 20%; text-align: left !important; }

.table .th2 th, .table .th2 { background-color: #fcfcfc; color: #666; }

.table .title a { display: block; text-align: left; position: relative; padding: 0 5px; }

.table .title a:hover { color: #00acdc; font-weight: 600; }

.table th, .table td { border-bottom: 1px solid #dedede; padding-left: 5px; padding-right: 5px; }

.table thead a { color: #fff; }

.table tfoot > tr > th { background-color: #f4f5f7; color: #333; font-weight: bold; }

.table tbody > tr > th { text-align: left; border-right: 1px solid #dedede; border-left: 1px solid #dedede; background-color: #f4f5f7; font-weight: normal; padding-left: 20px; color: #333; }

.table th { background-color: #627fa4; vertical-align: middle; font-weight: 600; padding: 8px 5px; color: #fff; border-left: 1px solid #dee0e6; }

.table td { border: none; border-bottom: 1px solid #dedede; padding-top: 9px; padding-bottom: 8px; border-left: 1px solid #dee0e6; background: #fff; }

.table td.i span, .table td.i p { padding: 10px 0; }

.table td.i a { display: block; }

.table td.i > * + * { margin-top: 5px; }

.table table thead tr th, .table table th, .table th:first-child, .table td:first-child, .table th:last-child, .table td:last-child, .table table tbody tr td { border-left: 1px solid #dedede; border-right: 1px solid #dedede; }

.table.table_line td, .table.table_line th { border-left: 1px solid #dedede; }

.table.table_line th:first-child, .table.table_line td:first-child { border-left: none; }

.table .thumb { text-align: center; }

.table .fb th, .table .fb td { font-weight: bold; }

.table .referList li { padding-left: 0 !important; }

.table-striped tbody > tr:nth-child(even) td { background: #fafafa; }

.table-view1 thead .fs { font-size: 13px; }

.table-view1 .detail { text-align: left; background: #f4f5f7; }

.table-view1 .detail .row { margin: 0 !important; }

.table-view1 .detail td { background: #f4f5f7; padding: 0; }

.table-view1 .detail dt { font-weight: bold; }

.table-view1 .detail dd { background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px; padding-left: 10px; margin-bottom: 2px; }

.table-view1 .detail .info { padding: 20px; }

.table-view1 .detail .info .img { display: inline-block; margin-right: 10px; line-height: 0; border: 6px solid #ccc; }

.table-view1 .detail .info .name { display: inline-block; vertical-align: top; margin-top: 50px; }

.table-view1 .detail .info .name > span { display: block; font-size: 23px; font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; line-height: 35px; }

.table-view1 .detail .info .name .style { color: #00acdc; }

.table-view1 .detail .info .name .style1 { color: #1f497d; font-size: 35px; }

.table-view1 .detail .info .name .style1 span { font-size: 0.8em; }

.table-view1 .detail .info .edu { border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px; }

.table-view1 .detail .careerArea { background: #e9eaec; padding: 20px; min-height: 400px; }

.table-view1 .detail .careerArea dd { font-size: 14px; }

.table-view1 .detail .careerArea dd .year { padding-right: 5px; }

.table-view1 .detail .careerArea dd span { word-break: keep-all; }

.table-view1 .brM { display: none; }

@media (max-width: 1023px) { .table-view1 .brM { display: inline-block; } }

@media (max-width: 767px) { .table-view1 { border-top: 0; }
	.table-view1 .brM { display: none; }
	.table-view1 .table table thead tr th, .table-view1 .table table th, .table-view1 .table th:first-child, .table-view1 .table td:first-child, .table-view1 .table th:last-child, .table-view1 .table td:last-child, .table-view1 .table table tbody tr td { border: 0; }
	.table-view1 tr { border-bottom: 1px solid #ddd; display: block; padding: 5px; overflow: hidden; }
	.table-view1 .detail { padding: 0; border: 0; }
	.table-view1 .detail .info .name { margin-top: 0; }
	.table-view1 th, .table-view1 td { border: 0 !important; text-align: left; float: left; padding: 3px; background: none; line-height: 1.2; min-height: 26px; }
	.table-view1 thead th { display: none; }
	.table-view1 tbody td { display: inline-block; }
	.table-view1 tbody td.first:before { content: "["; display: inline-block; }
	.table-view1 tbody td.first:after { content: "]"; display: inline-block; }
	.table-view1 .tbBlock { display: block; clear: both; }
	.table-view1 .name { font-weight: bold; } }

.bdList .title a::before { content: ''; border-top: 4px solid #ddd; border-left: 4px solid #9f9f9f; border-right: 4px solid transparent; border-bottom: 4px solid transparent; display: inline-block; position: absolute; left: 0; top: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; display: none; }

.table tr.disabled td { background-color: #eee; cursor: not-allowed; }

table.tac th, table.tac td { text-align: center; }

.listhelp { clear: both; border: 5px solid #eee; padding: 15px 20px; margin-bottom: 20px; }

.bdList { border-top: 3px solid #005596; clear: both; margin-top: 10px; float: left; width: 100%; margin-bottom: 30px; }

.bdList table tr.active, .bdList table tr.active td.title a { font-weight: 600; color: #5b79b9; }

.bdList.tal td { text-align: left; }

.bdList th, .bdList td { border-bottom: 1px solid #dedede; padding: 9px 5px 8px 5px; }

.bdList th { border-bottom-color: #627fa4; }

.bdList th:last-child, .bdList td:last-child { background: none; }

.bdList td { text-align: center; }

.bdList td.title { text-align: left; }

.bdList td dl { text-align: left; }

.bdList td dl .year { display: inline-block; margin-right: 10px; }

.bdList td span.cate { width: 130px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.bdList th.no, .bdList th.count, .bdList th.checkAll { width: 8%; }

.bdList th.date { width: 11%; }

.bdList th.date1 { width: 20%; }

.bdList th.name { width: 7%; }

.bdList th.file { width: 7%; }

.bdList th.file.type1 { width: 8%; }

.bdList th.voit { width: 10%; }

.bdList table { margin: 0; width: 100%; }

.bdList.bdtype table thead tr th, .bdList.bdtype table th, .bdList.bdtype table tbody tr td { border-left: 1px solid #dedede; border-right: 1px solid #dedede; }

.bdList .more td { padding: 10px 0; vertical-align: top; text-align: left; }

.bdList .more td .projectlistTitleSet { padding-top: 0; }

.bdList .table-striped tbody > tr:nth-child(even) td { background: #fafafa url(/static/commons/img/bar.gif) no-repeat 100% 50%; }

.bdList .table-striped tbody > tr:nth-child(even) th:last-child, .bdList .table-striped tbody > tr:nth-child(even) td:last-child { background-image: none; }

th.cellDown { width: 120px; }

@media (max-width: 1023px) { .scrollX1 { overflow: hidden; overflow: auto; clear: both; width: 100%; }
	.scrollX1 table { min-width: 1023px; } }

@media (max-width: 767px) { .table th, .bdList table th, .table td, .bdList table td, .table tbody > tr > th, .bdList table tbody > tr > th { padding-left: 3px; padding-right: 3px; }
	.table.th_pl20p tbody th { padding-left: 5%; }
	.bdList { border-top: 2px solid #555; border-bottom: 1px solid #555; margin-bottom: 20px; }
	#content .bdList table p, .bdList tr td { display: inline; }
	.bdList tr { display: block; width: 100%; border-bottom: 1px solid #dadada; padding-top: 5px; padding-bottom: 5px; text-align: left; }
	.bdList tr:before, .bdList tr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.bdList table { overflow: hidden; text-align: left; margin: 0; }
	.bdList table td { display: inline; border: none !important; background: none; }
	.bdList table tbody tr { padding-left: 15%; position: relative; text-align: left; }
	.bdList table tbody tr:last-child { border: none !important; }
	.bdList table tbody tr td.title { display: block; height: 100%; font-weight: bold; }
	.bdList table tbody tr td.no, .bdList table tbody tr td.check { position: absolute; top: 50%; left: 0; width: 15%; display: inline-block; text-align: center; margin-top: -16px; }
	.bdList table tbody tr td.check:first-child { top: 20%; }
	.bdList table .th2 { background: none; }
	.bdList thead { display: none; }
	.bdList table, .bdList tbody { display: block; width: 100%; }
	.bdList tbody td.tel { display: block; text-align: left; color: inherit; }
	.bdList tbody td.post { display: block; text-align: left; }
	.bdList tbody td.etc { display: block; text-align: left; padding: 0 !important; text-align: left; }
	.bdList .tbBlock { text-align: left; display: block; width: 100%; }
	.bdList .table-striped tbody > tr:nth-child(even) { background: #fafafa; }
	.bdList .table-striped tbody > tr:nth-child(even) td { background-image: none; }
	.bdList.noFirst table tbody tr { padding-left: 5px; padding-right: 5px; text-align: left; word-break: keep-all; } }

/* .m1{margin-left:10px}
.m2{margin-left:15px}
.m3{margin-left:20px}
.m4{margin-left:13px} */
h1, .h1 { font-size: 1.625em; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing: -1px; }

/* 26/16 */
h2, .h2 { font-size: 1.5em; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; font-weight: 500; letter-spacing: -1px; }

/* 24/16 */
h3, .h3 { font-size: 1.375em; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: -1px; }

h4, .h4 { font-size: 1.25em; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: -1px; }

h5, .h5 { font-size: 1.125em; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; font-weight: 400; }

h6, .h6 { font-size: 1em; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; font-weight: 400; }

.text-sm { font-size: 13px; color: #666; }

.bu1 { font-size: 21px; font-weight: bold; margin: 20px 0; line-height: 1; font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; }

#content .bu1:first-child { margin-top: 0; }

.bu1 span { color: #757575; }

.bu1:before { content: ''; font-family: FontAwesome; color: #0c89d8; padding-right: 10px; font-size: 18px; font-style: normal; }

.bu1.col { color: #e85050; }

.bu1.col:before { color: #e85050; }

.bu3, .list2 li { padding-left: 8px; }

.bu3:after, .list2 li:after { position: absolute; left: 0; top: 8px; content: ''; background-color: #a8a8a8; width: 3px; height: 3px; }

.bu4, .list li { position: relative; padding-left: 10px; margin-left: 5px; }

.bu4:before, .list li:before { content: '- '; display: inline-block; width: 10px; vertical-align: middle; position: absolute; left: 0; top: -2px; }

.list2 { margin-top: 10px; }

.list2 li + li { margin-top: 4px; }

/*paging*/
.listBottom { margin-top: 40px; text-align: center; position: relative; clear: both; }

.listBottom [class^=b-] { float: left; position: absolute; left: 0; }

.paginationSet { text-align: center; clear: both; }

.paging { text-align: center; margin-top: 30px; }

.pagination em { font-style: normal; }

.pagination { display: inline-block; padding-left: 0; text-align: center; }

.pagination > li { display: inline; }

.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 0; text-decoration: none; width: 40px; height: 40px; line-height: 40px; font-size: 15px; background-color: #fff; border: none; margin: 0 1px; color: #666; border: 1px solid #dee0e6; }

.pagination > li.first > *, .pagination > li.prev > *, .pagination > li.next > *, .pagination > li.end > * { width: 40px; border: 0; }

.pagination > li.first > *:before, .pagination > li.prev > *:before, .pagination > li.next > *:before, .pagination > li.end > *:before { content: ''; display: inline-block; }

.pagination > li .s span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.pagination > li.first > *:before { background-image: url(/static/portal/img/iconset.png); background-position: -247px -239px; width: 40px; height: 40px; }

.pagination > li.prev > * { margin-right: 5px; }

.pagination > li.prev > *:before { background-image: url(/static/portal/img/iconset.png); background-position: -307px -239px; width: 40px; height: 40px; }

.pagination > li.next > * { margin-left: 5px; }

.pagination > li.next > *:before { background-image: url(/static/portal/img/iconset.png); background-position: -187px -239px; width: 40px; height: 40px; }

.pagination > li.end > *:before { background-image: url(/static/portal/img/iconset.png); background-position: -219px -130px; width: 40px; height: 40px; }

.pagination > li .t { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; }

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; text-decoration: underline; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #fff; background-color: #627fa4; border-color: #627fa4; z-index: 3; cursor: default; font-weight: normal; text-decoration: underline; }

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { cursor: not-allowed; opacity: 0.7; border-color: #d8d8d8; display: none; }

@media (max-width: 767px) { .listBottom [class^=b-] { position: relative; margin-bottom: 10px; }
	.pagination > li > a, .pagination > li > span { margin-bottom: 5px; }
	.paginationSet > ul > li.i > a { width: 30px; border: none; }
	.paginationSet > ul > li.i > a > span.s { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
	.pagination > li.next > * { background-position: -580px 0; } }

@media (max-width: 480px) { .pagination > li.prev > * { margin-right: 5px; }
	.pagination > li.next > * { margin-left: 5px; } }

/* view, list->table.css */
.dataInfo { float: right; }

.dataInfo .date { margin-right: 15px; }

.dataInfo .date:before { content: "\e66e"; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; }

.dataInfo .hits { min-width: 70px; display: inline-block; }

.dataInfo .hits:before { content: "\e63d"; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; }

#content .dbData h3 { padding-left: 0; }

.ecoPerson .box2 { padding: 20px; background-color: #f4f5f7; }

.ecoPerson dl { padding-top: 20px; }

.ecoPerson dl dt { padding-bottom: 33px; display: inline-block !important; }

.ecoPerson dl dd { display: block !important; }

.ecoPerson dl dd.img { max-width: 223px; padding-right: 50px; }

.viewLine { clear: both; border-top: 3px solid #1f497d; margin-top: -24px; }

.viewLine .bar, .viewLine .spotMenu a, .spotMenu .viewLine a, .viewLine #footer .flist a, #footer .flist .viewLine a, .viewLine .bdList th, .bdList .viewLine th, .viewLine .bdList td, .bdList .viewLine td { display: inline-block; vertical-align: middle; width: 10px; height: 14px; margin-right: 10px; }

.viewLine h3 { font-size: 24px; padding: 10px 12px 1px 20px; margin: 0 !important; }

.viewLine h3:before { content: "" !important; padding: 0 !important; }

.viewLine dl { display: block; width: 100%; }

.viewLine dl dt, .viewLine dl dd { display: inline-block; vertical-align: middle; }

.viewLine .dataInfoSet, .viewLine .bd1 { padding: 12px 20px; }

.viewLine .dataInfoSet .ti-user { padding-left: 20px; text-indent: -20px; }

.viewLine .bd1 { border-bottom: 1px solid #dee0e6; }

.viewLine .dataInfo { float: right; display: inline-block; vertical-align: middle; }

.viewLine dl.down { border-top: 1px solid #dee0e6; clear: both; }

.viewLine dl.NewDown { border-top: 1px solid #dee0e6; clear: both; }

.viewLine.bLine dl.down { border-bottom: 1px solid #dee0e6; }

.viewLine > dl + .dbData { border-top: 1px solid #dee0e6; padding: 15px 20px; border-bottom: 2px solid #627fa4; }

.viewLine > dl + .dbData h4 { font-size: 17px !important; background-position: 0 11px !important; }

.viewLine .viewerLink { margin-left: 10px; }

.viewTable { border-top: 2px solid #627fa4; line-height: 36px; }

.viewTable dl { display: table; width: 100%; }

.viewTable dl > * { display: table-cell; border-bottom: 1px solid #dee0e6; }

.viewTable dt { width: 20%; position: relative; }

.viewTable dt:after { content: ""; position: absolute; right: 0; top: 20%; width: 0; height: 60%; border-right: 1px solid #dee0e6; }

.viewTable dd { width: 80%; padding-left: 10px; }

.view { font-size: 0.9em; border-top: 3px solid #005596; border-bottom: 1px solid #627fa4; margin-bottom: 30px; }

.view .labellistup { overflow: hidden; line-height: 26px; }

.view .labellistup label { float: left; width: 33%; }

.view .labellistup label + label { margin-left: 0; }

.view + .help { margin-top: -20px; }

.view img { max-width: 100%; }

.view .title { font-size: 16px; padding: 15px 0; margin: 0; text-align: center; font-weight: bold; }

.view .title:before { display: none; }

.view + .dbdata { margin-top: -30px; padding-left: 20px; padding-right: 20px; }

.view .viewWrap { padding: 20px; }

.view label + label { margin-left: 10px; }

.view .subject { font-size: 24px; padding: 10px 12px 1px 20px; margin: 0 !important; }

.view .subject:before { content: "" !important; display: none  !important; }

.view .subject .title { font-size: 18px; color: #333333; font-weight: bold; line-height: 1.2; float: left; margin: 0; }

.view .subject .d { float: right; width: 200px; text-align: right; font-size: 14px; color: #333333; }

.view .subject + dl > * { border-top: none; }

.view textarea { width: 100%; }

.view > label, .view > dl { display: table; width: 100%; border-collapse: collapse; table-layout: fixed; }

.view > label > *, .view > label > dt, .view > label > dd, .view > dl > *, .view > dl > dt, .view > dl > dd { display: table-cell; padding: 7px 0; vertical-align: top; border-top: 1px solid #dee0e6; vertical-align: middle; }

.view > label > * .fr .date, .view > label > dt .fr .date, .view > label > dd .fr .date, .view > dl > * .fr .date, .view > dl > dt .fr .date, .view > dl > dd .fr .date { margin-right: 15px; }

.view > label > * .fr .date:before, .view > label > dt .fr .date:before, .view > label > dd .fr .date:before, .view > dl > * .fr .date:before, .view > dl > dt .fr .date:before, .view > dl > dd .fr .date:before { content: "\e66e"; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; }

.view > label > * .fr .hits:before, .view > label > dt .fr .hits:before, .view > label > dd .fr .hits:before, .view > dl > * .fr .hits:before, .view > dl > dt .fr .hits:before, .view > dl > dd .fr .hits:before { content: "\e63d"; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; }

.view > label > .l, .view > label > dt, .view > dl > .l, .view > dl > dt { /*padding-left:5px;text-indent:-5px;*/ width: 13%; max-width: 120px; vertical-align: middle; text-align: left; position: relative; border-left: 1px solid #dee0e6; padding-left: 20px; /* &:after{content:"";position:absolute;right:0;top:30%;width:0;height:40%;border-right:1px solid $bdColor;} */ }

.view > label > .l:first-child, .view > label > dt:first-child, .view > dl > .l:first-child, .view > dl > dt:first-child { border-left: none; }

@media (max-width: 767px) { .view > label > .l, .view > label > dt, .view > dl > .l, .view > dl > dt { width: 80px; } }

.view > label > .l .req, .view > label > dt .req, .view > dl > .l .req, .view > dl > dt .req { width: 0; text-indent: -10px; }

.view > label > .r, .view > label > dd, .view > dl > .r, .view > dl > dd { padding-left: 13px; padding-right: 10px; position: relative; }

.view > label > .r.pos-s, .view > label > dd.pos-s, .view > dl > .r.pos-s, .view > dl > dd.pos-s { position: static; }

.view > label > .r p + p, .view > label > dd p + p, .view > dl > .r p + p, .view > dl > dd p + p { margin-top: 5px; }

.view > label > .r:after, .view > label > dd:after, .view > dl > .r:after, .view > dl > dd:after { content: ""; position: absolute; left: 0; top: 30%; width: 1px; height: 40%; background: #dee0e6; }

.view > label:first-child > *, .view > dl:first-child > * { border-top: none; }

.view.dtw > dl > dt { width: 30%; }

.view.dtw2 > dl > dt { width: 180px; padding-left: 60px; }

.view.type2 dd { line-height: 40px; }

.view > dl.w > dt, .view > dl.w > dd { display: block; width: 100%; }

.view > dl.w > dt { border-right: 1px solid #dee0e6; }

.view > dl + .dbData { border-top: 1px solid #dee0e6; padding: 15px; border-bottom: 2px solid #627fa4; }

.view.reg dd, .view.reg dt { height: 53px; }

.dbData { border-bottom: 2px solid #627fa4; min-height: 250px; text-align: justify; }

#content .dbData p { margin-bottom: 0; }

.dbData pre { word-wrap: break-word; white-space: pre-wrap; }

.bdPhoto.type5 .date { margin-right: 15px; color: #333; font-size: 14px; }

.bdPhoto.type5 .date:before { content: "\e66e"; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; }

/* detailView*/
.detailView h2 { background: #005596; color: #fff; font-weight: bold; font-size: 1.1em; padding: 1.4em; text-align: center; }

.detailView .etc { text-align: right; clear: both; background: #e8e9ed; padding: 0.5em 20px; margin-bottom: 20px; }

@media (max-width: 1023px) { .detailView .etc { text-align: left; padding-left: 10px; } }

.detailView .etc strong { display: inline-block; min-width: 90px; }

.detailView .etc span { display: inline-block; padding-left: 10px; font-size: 0.95em; letter-spacing: -1px; margin: 0 8px; color: #333; }

@media (max-width: 1023px) { .detailView .etc span { margin: 0 2px; display: block; } }

.detailView .bbsCon { padding: 1.5em 0; }

.detailView .bbsCon img { max-width: 100%; }

.detailView .detailMovie { width: 100%; overflow: hidden; margin: 2em 0; border-bottom: 2px solid #787d9a; padding-bottom: 2em; }

.detailView .detailMovie .movieL { float: left; width: 40%; }

@media (max-width: 1023px) { .detailView .detailMovie .movieL { float: none; width: 100%; } }

.detailView .detailMovie .movieL .movieLarea { width: 100%; position: relative; padding-bottom: 55% !important; padding-top: 5px !important; height: 0; }

.detailView .detailMovie .movieL .movieLarea iframe { width: 100%; height: 100%; border: 0; position: absolute; }

.detailView .detailMovie .movieScroll { float: left; width: 57%; padding-right: 1%; margin-left: 3%; height: 250px; overflow: auto; }

@media (max-width: 1023px) { .detailView .detailMovie .movieScroll { float: none; width: 100%; margin: 3% 0 0 0; } }

dl.down { position: relative; }

dl.down > * { vertical-align: top; }

dl.NewAddfile { position: relative; }

dl.NewAddfile > * { vertical-align: top; }

.addfile { float: left; width: 100%; }

.addfile li { position: relative; line-height: 1.1; padding: 6px 20px; display: block; text-indent: -10px; margin-left: 20px; }

.addfile li.nofile { padding: 15px 20px; text-align: center; }

.addfile li.nofile:before { background: none; content: ""; }

.addfile li:last-child { margin-bottom: 0; }

.addfile li:before { content: '\e6a7'; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; font-size: 0.9em; }

.addfile li i { position: absolute; left: 0; top: 0; }

.NewAddfile { float: left; width: 100%; height: 110px; overflow: hidden;}

.NewAddfile li { position: relative; line-height: 1.1; padding: 6px 20px; display: block; text-indent: -10px; margin-left: 20px; }

.NewAddfile li.nofile { padding: 15px 20px; text-align: center; }

.NewAddfile li.nofile:before { background: none; content: ""; }

.NewAddfile li:last-child { margin-bottom: 0; }

.NewAddfile li:before { content: '\e6a7'; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; font-size: 0.9em; }

.NewAddfile li i { position: absolute; left: 0; top: 0; }

.fileGroupSet { position: relative; display: inline-block; }

.fileGroupSet.on .fileGoupBox { display: block; }

.fileGroupSet .fileGoupBox { position: absolute; z-index: 10; right: 0; display: none; width: 280px; background-color: #fff; border: 2px solid #484d58; }

#content .fileGroupSet .fileGoupBox h3 { margin-top: 0; }

.fileGroupSet .fileGoupBox h3 { font-size: 16px; background-color: #484d58; color: #fff; text-align: left; padding-left: 10px; height: 36px; line-height: 36px; }

.fileGroupSet .fileGoupBox h3:before { padding-top: 0 !important; }

.fileGroupSet .fileGoupBox ul { display: block; width: 100%; height: 100%; padding: 10px; text-align: left; }

.fileGroupSet .fileGoupBox li { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-left: 0 !important; margin-bottom: 3px; }

.fileGroupSet .fileGoupBox li a:first-child { display: inline-block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; float: left; }

.fileGroupSet .fileGoupBox .closeLayer { position: absolute; right: 0; top: 0; font-size: 20px; width: 40px; text-align: center; transition: all .3s; }

.fileGroupSet .fileGoupBox .closeLayer:focus, .fileGroupSet .fileGoupBox .closeLayer:active, .fileGroupSet .fileGoupBox .closeLayer:hover { transform: rotate(90deg); }

.fileGroupSet .fileGoupBox .closeLayer:before { content: "\e646"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; color: #fff; }

.bdView .subject { font-family: "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; font-size: 15px; color: #333333; font-weight: 600; background-color: #627fa4; color: #fff; margin: 0; padding: 8px 4px; border-bottom: 1px solid #dee0e6; }

.bdView .subject > span { float: right; margin-right: 2px; margin-top: -4px; }

.bdView h4 { font-size: 17px !important; background-position: left 12px !important; }

.bdView > dl { border-bottom: 1px solid #dee0e6; padding: 14px 4px; }

.bdView > dl > * { display: inline-block; }

.bdView > dl dt { font-weight: bold; padding-right: 11px; vertical-align: top; border-right: 1px solid #e2e2e2; }

.bdView > dl dd { min-width: 94px; padding: 0 10px; }

@media (max-width: 767px) { .bdView > dl { display: table; width: 100%; }
	.bdView > dl > * { display: table-cell; }
	.bdView > dl.down > * { display: inline-block; }
	.bdView > dl dt { padding: 0 10px; }
	.bdView > dl dd { min-width: inherit; } }

.bdView.type-qna .dbData { border-bottom: 2px solid #005596; }

.bdView dl.file { border-top: 1px solid #dee0e6; border-bottom: none; }

.bdView dl.file dt { position: absolute; }

.bdView dl.file dd a { padding-left: 26px; }

.bdView .date { color: #333; width: auto; }

.bdView .date:before { content: "\e66e"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; margin-right: 5px; }

.bdView.type4 .row { border-bottom: 1px solid #dee0e6; margin: 0; }

.bdView.type4 .dbData { border-bottom: 2px solid #627fa4; }

.bdView.type4 .ratioSet { border: 1px solid #dee0e6; }

.bdView.type4 .m3 { padding: 12px 30px 8px; }

.bdView.type4 .m9 { padding: 0; }

.bdView.type4 .view { border-top: 0; padding-right: 10px; margin-bottom: 0; border-bottom: none; }

.bdView.type4 .view > dl > dd { padding-left: 10px !important; }

.bdView.type4 .view > dl > *, .bdView.type4 .view > dl > dl > dt, .bdView.type4 .view > dl > dl > dd { padding: 9px 0; }

.bdView .scrollBox { border: 1px solid #dedede; background: #fbfbfc; padding: 10px; }

.bdView #amendinfoView { margin: 0 0; }

.viewList { border-top: 2px solid #005596; margin-top: 10px; }

#content .viewList strong { color: #000; }

#content .viewList p { margin-bottom: 0; }

.viewList > ul > li { border-bottom: 1px solid #dee0e6; position: relative; padding: 8px 0px; }

.viewList > ul > li .check { display: inline-block; width: 15%; float: left; }

.viewList > ul > li .check > label { margin: 0px auto; position: absolute; top: 50%; margin-top: -20px; }

.viewList > ul > li > dl { padding-left: 15%; }

.viewList > ul > li > dl dt { font-size: 16px; font-weight: 500; }

.viewList > ul > li > dl .title a { display: block; }

.viewList > ul > li > dl dd.info { font-size: 13px; color: #656565; }

.viewList > ul > li > dl p { margin: 0; }

.viewList > ul > li .file li { margin-bottom: 3px; }

.bdViewNav { font-size: 0.9em; border: 1px solid #dee0e6; border-width: 1px 0; }

.btnSet + .bdViewNav { margin-top: 20px; margin-bottom: 20px; }

.bdViewNav dl { overflow: hidden; }

.bdViewNav dl + dl { border-top: 1px solid #dee0e6; }

.bdViewNav dt { float: left; width: 15%; position: relative; padding: 7px 0; text-align: center; border-right: 1px solid #dee0e6; background: #f4f5f7; }

@media (max-width: 767px) { .bdViewNav dt { width: 80px; } }

.bdViewNav dd { position: relative; margin-left: 16%; }

.bdViewNav dd a { display: block; overflow: hidden; padding-left: 20px; }

.bdViewNav dd a > span { padding: 0; }

.bdViewNav dd a .t { float: left; width: 790px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.bdViewNav dd a .d { float: right; }

.bdViewNav dd a .ell { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-right: 100px; }

.bdViewNav dd a, .bdViewNav dd .noData { display: block; padding: 7px 0; }

.bdViewNav dd .descInfo { position: absolute; top: 7px; right: 10px; }

.noticeList li { position: relative; }

.noticeList li a { display: block; overflow: hidden; padding-left: 20px; }

.noticeList li a > span { padding: 0; }

.noticeList li a .ell { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-right: 100px; }

.noticeList li a, .noticeList li .noData { display: block; padding: 2px 0; }

.noticeList li .descInfo { position: absolute; top: 7px; right: 10px; }

.commentSet { margin: 10px 0 20px 0; }

.commentSet li { background: #f4f5f7 url(/static/portal/img/common/bg_commentSet.png) no-repeat 20px 20px; padding: 20px 15px 15px 70px; color: #000; margin-bottom: 2px; }

.commentSet li .name { color: #5b79b9; font-weight: bold; margin-bottom: 5px; }

.commentSet li .btnGp { margin-top: -5px; }

.commentSet li .btnGp .cmtModify { color: #fff; background: #5b79b9; padding: 4px 12px; }

.commentSet li .btnGp .cmtDelete { color: #fff; background: #ea5a59; padding: 4px 12px; }

.commentSet li .desc { display: block; }

.commentSet_write { position: relative; margin-top: 20px; }

.commentSet_write .wArea { border: 1px solid #7f7f7f; margin-right: 100px; padding: 10px; }

.commentSet_write .wArea textarea { width: 100%; height: 50px; border: 0; }

.commentSet_write .btnS { position: absolute; background: #484d58; right: 0; top: 0; height: 73px; width: 90px; color: #fff; padding: 25px 0; text-align: center; }

.ti-announcement:before { content: ""; }

.ti-announcement { width: 28px; height: 17px; background: url(/static/portal/img/common/ico_notice.png) no-repeat 0 0; }

.bdLine { clear: both; }

.bdLine .badge { border: 1px solid #ddd; }

.bdLine .title { font-size: 17px; font-weight: 600; letter-spacing: -1px; color: #757575; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; position: relative; }

.bdLine .titlesub { max-width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; display: inline-block; vertical-align: top; padding-right: 3px; }

.bdLine .active .title { color: #5b79b9; }

.bdLine .secretSet { position: relative; display: block; }

.bdLine .secretSet .icon_secret { width: 20px; height: 30px; }

.bdLine .close, .bdLine .fa-chevron-down { transition: all .3s; }

.bdLine .on .fa-chevron-down { transform: rotate(180deg); }

.bdLine .close:hover, .bdLine .close:focus, .bdLine .close:active { transform: rotate(180deg); }

.bdLine .row .row { margin-left: 0; margin-right: 0; margin-top: 10px; display: block; float: left; width: 100%; }

.bdLine > ul { border-top: 3px solid #1f497d; }

.bdLine > ul > li { border-bottom: 1px solid #ddd; padding: 10px 0; }

.bdLine > ul > li.nofile { text-align: center; }

.bdLine > ul > li .col { padding: 0 10px; min-height: 27px; }

.bdLine > ul > li .col.descinfo > div span { line-height: 20px; text-indent: -22px; padding-left: 22px; }

.bdLine > ul > li .col.descinfo > div span.txts { text-indent: 0; padding-left: 0; margin-right: 15px; font-weight: 600; color: #757575; }

.bdLine .reportViews { clear: both; float: left; width: 100%; position: relative; overflow: hidden; }

.bdLine .reportViews .close { position: absolute; right: 10px; top: 20px; font-size: 20px; }

.bdLine .reportAjaxData .reportInDb { background: #f5f5f5; clear: both; border-top: 1px solid #ccc; padding: 30px; margin: 10px 0; }

.bdLine .dataInfo { text-align: right; }

.bdLine .dataInfo1 { text-align: right; font-size: 14px; }

.bdLine .dataInfo1 .fs_date { color: #000; margin-left: 5px; display: inline-block; font-weight: bold; }

.bdLine .fileLink { text-align: right; }

.bdLine.type2 .dataInfo { float: left; text-align: right; }

.bdLine.type2 > ul > li { padding: 15px 0; }

.bdLine.type3 .dataInfo { float: left; text-align: right; }

.bdLine.type3 > ul > li { padding: 15px 0; }

.bdLine.type3 .writer { margin-left: 10px; }

.bdLine.type3 .writer span { font-weight: bold; }

.bdLine.type4 > ul > li { min-height: 90px; }

.bdLine.type4 > ul > li.style .row { padding-top: 25px; }

.bdLine.type4 .serviceL { text-align: right; }

.bdLine.type4 .ser:before { content: "\f0e3"; display: inline-block; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; font-size: 19px; font-weight: normal; }

.bdLine .fileLink1 { text-align: right; }

.bdLine .fileLink1 .fileType { margin-right: 15px; font-size: 16px; }

.bdLine .fileLink1 .fileType:before { content: "\f0f6"; display: inline-block; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; font-size: 19px; font-weight: normal; }

.bdLine .fileLink1 .fileView:before { content: "\f002"; display: inline-block; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; font-size: 19px; font-weight: normal; }

#tableId .fileLink { width: auto; float: none; display: inline-block; }

#tableId .tal .fileLink { float: right; margin-right: 20px; }

@media (max-width: 1280px) { .viewLine { margin-top: 11px; }
	.reportList .titlesub, .bdLine .titlesub { max-width: 85%; } }

@media (max-width: 767px) { .viewLine .ecoPerson dl dt { display: block; padding-bottom: 0; }
	.viewLine .ecoPerson dl dd { display: block; }
	.viewLine .ecoPerson dl dd.img { max-width: 100%; padding-right: 0; width: 100%; text-align: center; }
	.reportList .ctBx, .bdLine .ctBx { width: 80%; padding-right: 0 !important; }
	.reportList .fileLink, .bdLine .fileLink { width: 20%; padding-left: 0 !important; }
	.reportList .titlesub, .bdLine .titlesub { max-width: 75%; }
	.bdLine .fileLink1 { text-align: left; }
	.bdLine.type3 .dataInfo { float: left; text-align: left; }
	.bdLine.type4 > ul > li { min-height: auto; }
	.bdLine.type4 > ul > li.style .row { padding-top: 0; }
	.bdLine.type4 .serviceL { text-align: left; }
	.addfile li { line-height: 1.6; }
	.view label + label { margin-left: 0; margin-right: 10px; display: inline-block; }
	.bdViewNav dd { margin-left: 85px; }
	.view > label > dt, .view > dl > dt { padding-left: 10px; }
	.view > label > dd, .view > dl > dd { padding-right: 0; }
	.viewLine .dataInfo { display: block; float: left; width: 100%; }
	.viewLine .dataInfoSet { float: left; width: 100%; } }

@media (max-width: 480px) { .viewLine h3 { padding: 10px 2% 1px 2%; }
	.viewLine .dataInfoSet, .viewLine .bd1 { padding: 8px 2%; }
	.viewLine > dl + .dbData { padding: 2%; }
	.addfile li { padding: 6px 2%; }
	.addfile li.nofile { padding: 10px 2%; }
	.view.multiCell { position: relative; z-index: 9; }
	.view.multiCell:before { content: ""; width: 40%; height: 100%; background-color: #f8f8f8; display: inline-block; position: absolute; z-index: 0; }
	.view.multiCell > dl { display: inline-block; position: relative; z-index: 10; width: 100%; }
	.view.multiCell > dl:first-child > * { border-top: 1px solid #dee0e6; }
	.view.multiCell > dl > dt { display: inline-block; width: 40%; border-left: none; border-right: none; float: left; clear: left; background: none; max-width: none; }
	.view.multiCell > dl > dd { display: inline-block; width: 60%; border-left: none; border-right: none; float: left; }
	.reportList .title, .bdLine .title { font-size: 15px; }
	.reportList .titlesub, .bdLine .titlesub { max-width: 75%; }
	.reportList .dataInfo, .bdLine .dataInfo { text-align: left; }
	.reportList .ctBx, .bdLine .ctBx { width: 80%; padding-right: 0 !important; }
	.reportList .fileLink, .bdLine .fileLink { width: 20%; padding-left: 0 !important; }
	.bdLine.type3 .writer { width: 100%; clear: both; display: block; } }

#faqList { position: relative; border-top: 3px solid #005596; margin-bottom: 30px; }

#faqList.type1 { overflow: hidden; }

#faqList.type1 dt, #faqList.type1 dd { padding-left: 20px; }

#faqList dt, #faqList dd { position: relative; word-break: keep-all; padding: 0 0 0 80px; border-bottom: 1px solid #dee0e6; }

#faqList dd { padding-right: 40px; }

#faqList dt strong { font-weight: normal; color: #333; display: inline-block; width: 20%; text-align: center; }

#faqList dt.open { color: #5b79b9; }

#faqList dt.open button { font-weight: bold; }

#faqList dt.open button:after { transform: rotate(180deg); color: #5b79b9; }

#faqList dt button { display: block; line-height: 1.3; background-color: transparent; border: 0; padding: 13px 40px 13px 0; width: 100%; text-align: left; }

#faqList dt button:after { content: "\f0d7"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; font-size: 20px; position: absolute; right: 20px; top: 50%; margin-top: -13px; transition-duration: .2s; transition-property: transform; cursor: pointer; }

#faqList dd { display: none; background: #f8f8f8; line-height: 2; padding-top: 7px; padding-bottom: 7px; }

#faqList dd.no-data { display: block; padding: 30px 0; text-align: center; }

#faqList dd .qna_img:before { content: ""; background: url(/static/portal/img/common/qna_a.png) no-repeat left top; width: 27px; height: 28px; display: inline-block; }

#faqList .qna_img { position: absolute; left: 22px; top: 9px; display: inline-block; color: #fff; width: 40px; text-align: center; margin-top: 0; }

#faqList .qna_img:before { content: ""; background: url(/static/portal/img/common/qna_q.png) no-repeat left top; width: 27px; height: 28px; display: inline-block; }

@media (max-width: 767px) { #faqList .qna_img { left: 0; }
	#faqList.type1 { overflow: hidden; }
	#faqList.type1 dt, #faqList.type1 dd { padding-left: 20px; }
	#faqList dt, #faqList dd { padding-left: 40px; } }

.file-etc { display: inline-block; background-image: url("/static/portal/img/file.png"); background-position: 0px 0px; width: 26px; height: 25px; }

.file-hwp { display: inline-block; background-image: url("/static/portal/img/file.png"); background-position: -36px 0px; width: 26px; height: 25px; }

.file-img { display: inline-block; background-image: url("/static/portal/img/file.png"); background-position: 0px -35px; width: 26px; height: 25px; }

.file-pdf { display: inline-block; background-image: url("/static/portal/img/file.png"); background-position: -36px -35px; width: 26px; height: 25px; }

.file-ppt { display: inline-block; background-image: url("/static/portal/img/file.png"); background-position: -72px 0px; width: 26px; height: 25px; }

.file-word { display: inline-block; background-image: url("/static/portal/img/file.png"); background-position: -72px -35px; width: 26px; height: 25px; }

.file-xlx { display: inline-block; background-image: url("/static/portal/img/file.png"); background-position: 0px -70px; width: 26px; height: 25px; }

.row.shBxSet .col { padding-top: 0; }

.bdList + .sh { margin-top: 10px; }

.dateset { display: inline; }

.sh1 { background: #f4f5f7; padding: 15px; }

.sh { text-align: right; margin-bottom: 10px; vertical-align: middle; font-size: 0.875em; clear: both; }

.sh > * { vertical-align: middle; }

.sh .box2 { float: none; width: 100%; display: none; }

.sh .box2.on { display: block; }

.sh .box2 .shLeft { margin-right: 20px; }

.sh .box2 .shLeft, .sh .box2 .shRight { display: inline-block; }

.sh .keyword { width: 200px; }

.sh .b-sh { border: 1px solid #000; }

.sh .b-sh:before { content: '\f002'; display: inline-block; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; margin-right: 10px; }

.sh input[type=text].inpt_txt { width: 40%; }

.sh input[type=text], .sh select { height: 30px; line-height: 30px; border: 1px solid #7f7f7f; }

.sh.sh2 { background: #f4f5f7; padding: 20px; }

.sh.sh2 input[type=text], .sh.sh2 select { height: 42px; border: 4px solid #5b79b9; vertical-align: top; }

.sh.sh2 select { background: #f4f5f7; min-width: 132px; }

.sh.sh2 .b-sh { border: 1px solid #5b79b9; height: 42px; }

.sh .tshInSet { display: inline-block; position: relative; vertical-align: top; }

.sh .tshInSet > button { position: absolute; right: 7px; top: 6px; border: 1px solid #ddd; width: 30px; height: 30px; line-height: 30px; }

.sh .shArea { display: inline-block; }

.sh .commCoinBtn { margin: 0 5px; vertical-align: top; }

.keyWdList { position: absolute; z-index: 80; top: 42px; width: 100%; background: #fff; }

.keyWdList.on { display: block; }

.srchR input, .srchR select, .srchR a { margin-left: 0; }

.shSet { overflow: hidden; margin-bottom: 5px; }

.shSet .totalCount { float: left; }

.shSet .sh { float: right; }

.label { font-size: 16px; color: #000; }

.label:before { content: '  '; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; font-size: 14px; color: #249bc1; display: inline; }

.schTotal em { font-weight: bold; }

@media (max-width: 1023px) { .dateset { display: block; float: left; }
	.sh input, .sh select, .sh button, .sh a { margin-left: 0; margin-bottom: 5px; }
	.sh .srchR { display: block; clear: both; text-align: left; } }

@media (max-width: 767px) { .sh [class^=b-], .sh .btn { padding: 0 8px; }
	.sh .box2 > div.shLeft { width: 100%; }
	.sh .box2 > div.shRight { width: 100%; }
	.selMenu { position: relative; }
	.selMenu .shArea { margin-right: 50px; display: block; }
	.selMenu .selBtn { position: absolute; top: 0; right: 0; }
	.selMenu .sh.sh2 select.coinSelect { width: 100%; } }

@media (max-width: 480px) { .sh .keyword[type=text] { width: 100%; }
	.sh select { width: 100%; }
	.sh .sec1 > .sec1Tit { display: inline-block; float: left; }
	.sh .sec1 > .sec1Area { margin-left: 60px; display: block; }
	.sh .sec1 > .sec1Area select { width: 100%; }
	.sh .areaSe0Div label { display: block; }
	.sh .areaSe0Div select { width: 80% !important; } }

.box + .box { margin-top: 10px; }

.box > *:last-child { margin-bottom: 0; }

.box .chk { position: relative; margin-bottom: 10px; margin-top: 25px; }

.box .chk:first-child { margin-top: 0; }

.box .chk label { font-weight: bold; font-size: 14px; height: 22px; }

.box .chk label em { color: #d61313; }

.box .chk input, .box .chk i { position: absolute; right: 0; top: 0; }

.box .chk input { z-index: 2; }

.agg-set { border: 1px solid #e8e8e8; background-color: #f7f7f7; }

.agg-set .set { height: 113px; overflow: scroll; overflow-x: hidden; padding: 18px; }

input.chk + i { display: inline-block; vertical-align: top; margin-right: 10px; }

.line { border-top: 1px solid #ececec; height: 1px; }

.d-t, .loginSet { display: table; width: 100%; table-layout: fixed; }

.d-t > *, .loginSet > *, .d-t .d-c, .loginSet .d-c { display: table-cell; vertical-align: middle; padding: 0 7px; }

.certifybtn { width: 100%; display: block; border: 6px solid #ebebeb; background-color: #f7f7f7; padding: 30px; font-size: 18px; }

.certifybtn span { font-size: 24px; display: block; padding: 20px 0; font-weight: bold; line-height: 1; }

.certifybtn span em { color: #865844; }

.certifybtn .btn { font-size: 14px; color: #fff; display: inline-block; background-color: #453311; padding: 8px 15px; line-height: 1; margin: 16px auto 0; width: 90px; display: block; }

.c200061 { margin-top: 10px; padding-top: 120px; background: url(/static/wesc/img/i200061.png) center 0 no-repeat; color: #333; font-size: 15px; text-align: center; margin-bottom: 36px; }

.c200061 .t { font-size: 22px; font-weight: bold; margin-bottom: 10px; line-height: 1; }

.loginSet { border-collapse: collapse; }

.loginSet > div { border: 6px solid #ebebeb; padding: 60px; vertical-align: top; }

.loginSet h2 { color: #333; font-size: 30px; font-weight: bold; padding-bottom: 19px; text-align: center; margin: 0; }

.loginSet h2 em { color: #865844; }

.loginSet h2:before { display: none; }

.loginSet h2 + p { color: #000; text-align: center; margin-bottom: 45px; font-size: 16px; }

.loginSet .left { padding-left: 34px; padding-right: 34px; }

.loginSet .left label { font-size: 15px; display: block; margin: 20px 0 50px; }

.loginSet form { position: relative; }

.loginSet form span { display: block; margin-bottom: 5px; overflow: hidden; }

.loginSet form span input { width: 299px; height: 45px; padding-left: 10px; }

.loginSet form > input { position: absolute; right: 0; top: 0; width: 127px; height: 95px; font-size: 20px; color: #fff; background-color: #453311; border: none; font-weight: bold; }

.loginSet .link a { display: inline-block; line-height: 1; color: #000; }

.loginSet .link a + a:before { content: ''; width: 24px; height: 12px; border-left: 1px solid #cecece; display: inline-block; margin-left: 24px; }

.loginSet .link a .icon { margin-right: 7px; vertical-align: top; }

.loginSet .right { padding-left: 0; padding-right: 0; text-align: center; }

.loginSet .right .snsIcos { margin-top: 58px; margin-bottom: 72px; text-align: center; }

.loginSet .right .snsIcos .vline { height: 50px; display: inline-block; vertical-align: top; margin: 10px 5px; }

.loginSet .right .snsIcos a { display: inline-block; text-align: center; font-size: 14px; line-height: 1; }

.loginSet .right .snsIcos a span { display: block; padding-bottom: 18px; }

.loginSet .right .help { white-space: nowrap; display: inline-block; }

.satisfaction { position: relative; padding: 20px; margin: 80px 0 15px 0; }

.satisfaction [class*=icon] { height: 18px; background: url(/static/commons/img/star1.gif) 0 50%; vertical-align: middle; }

.satisfaction .icon-star1 { width: 20px; }

.satisfaction .icon-star2 { width: 40px; }

.satisfaction .icon-star3 { width: 60px; }

.satisfaction .icon-star4 { width: 80px; }

.satisfaction .icon-star5 { width: 100px; }

.satisfaction label { margin-right: 10px; vertical-align: middle; }

.satisfaction dl { display: block; }

.satisfaction dl:before, .satisfaction dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.satisfaction dl + dl { margin-top: 44px; }

.satisfaction dl dt { width: 90px; float: left; line-height: 36px; font-weight: bold; }

.satisfaction dl dd { float: left; position: relative; }

.satisfaction dl div { display: inline; }

.satisfaction dl label span { display: none; }

.satisfaction dl label input:checked + i { background: #fff url(/static/wesc/img/satisfaction1.png) 0 0 repeat; opacity: 1; }

.satisfaction p { margin-bottom: 0 !important; }

.satisfaction .totalpoint { position: absolute; width: 100px; top: 170px; right: -192px; font-size: 22px; font-weight: bold; text-align: center; }

.satisfaction .totalpoint strong { color: #e85050; }

.satisfaction hr { margin: 16px 0; }

@media (max-width: 1280px) { .satisfaction .title { width: 100%; }
	.satisfaction .satisBox div { width: 83%; }
	.satisfaction hr { clear: both; width: 100%; } }

@media (max-width: 767px) { .satisfaction label { display: block; }
	.satisfaction .satisBox { float: left; width: 100%; clear: both; }
	.satisfaction .satisBox div { width: 66.6666%; }
	.satisfaction .satisBox .b-btn { padding: 0 5px; float: right; } }

.h2Type { margin-top: 40px !important; font-size: 20px !important; }

.layerBody { height: 300px; overflow: auto; }

.manager { padding-top: 15px; padding-bottom: 15px; }

.manager .badge { font-size: 24px; width: 40px; height: 40px; line-height: 40px; margin-top: 10px; }

.visible-sm [data-rel^='prettyPhoto'] { position: relative; }

.visible-sm [data-rel^='prettyPhoto']:before { content: ""; position: absolute; right: 10px; bottom: 10px; background: url(/static/jslibrary/prettyPhoto/images/prettyPhoto/light_square/zoom_in.png) no-repeat; width: 80px; height: 60px; }

@media (max-width: 480px) { .visible-sm [data-rel^='prettyPhoto']:before { width: 40px; height: 30px; background-size: cover; } }

/* Blockquote */
blockquote { font-size: 16px; line-height: 24px; position: relative; display: block; margin-bottom: 20px; word-wrap: break-word; padding-top: 10px; }

blockquote:first-letter { padding-left: 60px; }

blockquote:after { content: "\f10d"; position: absolute; left: 0; top: 0; font-size: 50px; color: #dee0e6; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; opacity: 0.4; }

.blockquote.invert .blockquote_wrapper { border-width: 0; background-color: #5b79b9; color: #fff; }

.blockquote.invert blockquote:after { color: #fff; }

.blockquote .blockquote_wrapper { border: 5px solid #dee0e6; padding: 15px 10px 10px 10px; margin-bottom: 10px; font-family: "NotoSans", "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; }

.popupWrap h1 { background: #484d58; color: #fff; font-size: 1.0em; padding: 9px 15px; font-weight: 500; }

.popupWrap h3 { margin: 15px 0 7px 0; font-size: 16px; }

.popupWrap h3:before { content: "◆"; display: inline-block; color: #5b79b9; font-size: 10px; vertical-align: top; padding: 5px 7px 0 0; font-weight: bold; }

.popupWrap .popupBody { margin: 20px; }

.popupWrap .view { border-top: 1px solid #dee0e6; }

.popupWrap .btn_close { position: absolute; top: 9px; right: 9px; }

.popupWrap .btn_close i:before { color: #fff; font-size: 1.6em; }

.popupWrap .b-cancel { background: #7f7f7f; }

.popupWrap .file_bt { color: #ea5a59; }

.popupWrap .file_bt i { padding-right: 5px; }

.popupWrap .file_bt i:before { color: #ea5a59; }

.popupWrap .inputFile { position: relative; overflow: hidden; padding-right: 96px; }

.popupWrap .inputFile a { position: absolute; top: 0; right: 0; }

.popupWrap .inputFile .inputUpload .btnUpload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

.popupWrap .inputFile .w_100 { display: block; }

.popupWrap .inputFile .input { display: inline-block; background: #fff; border: 1px solid #7f7f7f; }

.popupWrap .inputFile .input input { width: 252px !important; background: none; height: 34px; line-height: normal; line-height: 35px; border: none; width: 100%; }

.popupWrap .btnBasic { display: inline-block; font-size: 15px; min-width: 76px; height: 36px; line-height: 36px; padding: 0 10px; text-align: center; }

.popupWrap .btnBasic.black { background: #484d58; color: #fff; }

.lpopwarp { text-align: center; position: absolute; left: 0; right: 0; top: 50% !important; z-index: 9999; }

#popWrap .lpopwarp { position: relative; top: 0; }

.lpopwarp.active .set { display: block; }

.lpopwarp .set { position: relative; background: #fff; max-width: 750px; width: 90%; margin: 0 auto; display: none; box-shadow: 4px 3px 38px 3px rgba(0, 0, 0, 0.5); }

.lpopwarp .set.active { display: inline-block; }

#bodyindex .lpopwarp .set.active { display: block; width: auto; }

#popWrap .lpopwarp .set { box-shadow: none; }

.lpopwarp .set h1 { text-align: left; font-size: 20px; line-height: 1; color: #333; margin: 0 30px !important; padding: 20px 0; font-weight: normal; border-bottom: 2px solid #484d58; }

.lpopwarp .set .b-close { position: absolute; right: 40px; top: 20px; width: 30px; padding: 0; background: none; }

.lpopwarp .set .b-close:before { content: '\e646'; display: inline-block; color: #666; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; font-size: 30px; font-weight: bold; }

.lpopwarp .set .lpopheader { background-color: #fff; clear: both; width: 100%; color: #fff; }

.lpopwarp .set .lpopbody { padding: 10px 40px 35px 40px; text-align: left; background-color: #fff; }

.lpopwarp .set .lpopfooter { text-align: center; }

.lpopwarp input[type=file] { width: 100%; }

.bgW { display: none; background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; z-index: 501; top: 0; left: 0; height: 100%; }

.calView li { overflow: hidden; position: relative; border-bottom: 1px solid #dee0e6; padding: 5px 0; }

.calView li:nth-child(even) { background: #f4f5f7; }

.calView li .part { float: left; display: block; width: 60px; padding: 10px 3px; font-size: 30px; vertical-align: middle; line-height: 1.2; color: #fff; text-align: center; }

.calView li .part.bg1 { background: #484d58; }

.calView li .part.bg2 { background: #ea5a59; }

.calView li .part.bg3 { background: #7f7f7f; }

.calView li .part.bg4 { background: #349796; }

.calView li .part.bg5 { background: #765697; }

.calView li > div.con { margin: 0 120px 0 70px; }

.calView li > div.con p.tit { margin-bottom: 0 !important; font-weight: 600; }

.calView li > div.con .date { font-size: 13px; color: #7f7f7f; }

.calView li .b-view { position: absolute; right: 0; top: 10px; }

/* org */
#org { position: relative; float: left; width: 100%; height: 940px; text-align: center; border: 1px solid #ddd; padding: 3%; background: url(/static/portal/img/common/bg_org.gif) no-repeat center 31px; }

#org > ul { float: left; width: 100%; }

#org a { cursor: pointer; }

#org .org1, #org .org2, #org .org3, #org .org4 { position: absolute; }

#org .a2-1, #org .a2-2, #org .a2-3, #org .b2-1, #org .org3, #org .org4, #org .org5, #org .org6 { border: 1px solid #333; line-height: 50px; border-radius: 3px; }

#org .org1 { background: #fff; width: 30%; height: 185px; top: 4%; left: 35%; display: block; border: 2px solid #becae4; border-radius: 3px; }

#org .org1 span { display: inline-block; padding-top: 15px; color: #1f497d; font-size: 1.2em; font-weight: bold; }

#org .org2 { width: 26%; height: 50px; display: block; background: #5b79b9; border: 0; /* &:after{content:"\f08e";display:inline-block;position: absolute;top:-10px;right:10px;height:30px;@include fa;font-size:12px;color:#1f497d} */ }

#org .org2 span { color: #fff; font-weight: bold; }

#org .a2-1 { top: 95px; left: 37%; }

#org .a2-1:after { content: ""; background: #c7c7c7; height: 2px; width: 20px; position: absolute; top: 20px; left: -20px; }

#org .a2-2 { top: 155px; left: 37%; }

#org .a2-2:after { content: ""; background: #c7c7c7; height: 2px; width: 20px; position: absolute; top: 25px; left: -20px; }

#org .a2-3 { top: 240px; left: 37%; }

#org .b2-1 { top: 175px; right: 5%; width: 20%; }

#org .org3 { width: 29.5%; height: 52px; display: block; position: absolute; top: 340px; border: 1px solid #becae4; background: #d0e0f5; /*삭제 &:after{content:"\f08e";display:inline-block;position: absolute;top:-10px;right:5px;height:30px;@include fa;font-size:12px;color:#1f497d} */ }

#org .a3-1 { left: 3%; font-weight: bold; }

#org .a3-2 { left: 35.2%; }

#org .b3-1 { right: 3%; }

#org .org4 { width: 20%; min-width: 83px; height: 50px; display: block; position: absolute; top: 95px; left: 6%; border: 1px solid #becae4; background: #d0e0f5; /* 삭제 &:after{content:"\f08e";display:inline-block;position: absolute;top:-10px;right:5px;height:30px;@include fa;font-size:12px;color:#1f497d} */ }

#org .org6 { width: 20%; min-width: 83px; height: 50px; display: block; position: absolute; top: 155px; left: 6%; border: 1px solid #becae4; background: #d0e0f5; }

#org .org6 span { color: #000; font-weight: bold; }

#org .org4 span { color: #000; }

#org .org5 { width: 20%; min-width: 80px; height: 50px; display: block; position: absolute; top: 240px; left: 6%; cursor: pointer; border: 1px solid #becae4; background: #d0e0f5; }

#org .org5 span { color: #000; font-weight: bold; }

#org .box { padding: 15px 0px 15px 15px; border: solid 1px #D1E0E3; width: 29.5%; position: absolute; top: 408px; background-color: #FBFBFB; }

#org .bonbu { left: 3%; font-size: 14px; }

#org .bonbu:after { content: ""; clear: both; display: block; }

#org .bonbu > li { float: left; width: 49%; text-align: left; margin-right: 1%; }

#org .bonbu > li > ul > li { background: url(/static/portal/img/common/bu1.gif) no-repeat 0px 14px; padding-left: 8px; padding-top: 5px; margin-bottom: 3px; }

#org .bonbu > li > ul > li a { color: #5b79b9; font-weight: bold; letter-spacing: -1px; }

#org .bonbu > li > ul > li a:hover, #org #org .bonbu > li > ul > li a:active { text-decoration: underline; }

#org .bonbu > li > ul > li > ul > li { font-size: 0.917em; padding-left: 10px; margin-top: 3px; background: url(/static/portal/img/common/bu2.gif) no-repeat 0px 10px; }

#org .bonbu > li > ul > li > ul > li a { color: #000; font-weight: normal; }

#org .sub_bonbu { left: 35%; padding-bottom: 20px; font-size: 14px; }

#org .sub_bonbu li { padding-left: 8px; padding-top: 5px; text-align: left; background: url(/static/portal/img/common/bu1.gif) no-repeat 0px 15px; }

#org .sub_bonbu li a { color: #5b79b9; font-weight: bold; }

#org li > span { position: relative; font-weight: bold; /* &:after{content:"\f08e";display:inline-block;position: absolute;top:-10px;right:5px;height:30px;@include fa;font-size:12px;color:#1f497d} */ }

#org li > span.orgNone:after { content: ""; display: none; }

#org li a > span:after { content: "\f08e"; display: inline-block; position: absolute; top: -10px; right: 5px; height: 30px; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; font-size: 12px; color: #1f497d; }

#org li a.org1 > span:after { display: none; }

@media (max-width: 767px) { #org { height: 1300px; background: url(/static/portal/img/common/bg_orgM.gif) no-repeat center 70px; background-size: 100% 300px; }
	#org .org1 { top: 2.5%; }
	#org .org1 span { line-height: 1.1; }
	#org .org3 { width: 46%; }
	#org .a3-2 { left: 51%; }
	#org .box { width: 46%; }
	#org .bonbu li { width: 100%; }
	#org .sub_bonbu { left: 51%; }
	#org .b3-1 { top: 240px; right: 5%; width: 20%; }
	#org .a2-1:after { margin-top: 12px; } }

.org_board { margin-top: 380px; }

.org_board2 .alignL { margin-left: 10px; }

#content table.tiNone td { /* position:relative;z-index:0; */ }

#content table.tiNone li { text-indent: 0; margin-left: 0; margin-bottom: 3px; background: none; }

#content table.tiNone li:before { display: none; }

#content table.tiNone .popLayer { position: absolute; left: -100px; right: -100px; border: 1px solid #333; padding: 0; z-index: 100; background: #fff; }

#content table.tiNone .popLayer h2 { background: #333; color: #fff; font-size: 13px; }

.calendarWrap { clear: both; width: 100%; position: relative; }

.calendarWrap .h2 { font-size: 40px; }

.calendarWrap .monthList li { display: inline; }

.calendarWrap .monthList li a { padding: 5px 14px; position: relative; font-weight: 600; font-size: 1.05em; }

.calendarWrap .monthList li.on a { color: #005596; }

.calendarWrap table.tiNone { border-spacing: 1px; border-collapse: separate; table-layout: fixed; }

.calendarWrap table.tiNone thead th { padding: 3px 0; width: 14%; background: #484d58; font-weight: normal; border: 1px solid #484d58 !important; line-height: 1.6; }

.calendarWrap table.tiNone thead th.sun { background: #ea5a59; border: 1px solid #ea5a59 !important; }

.calendarWrap table.tiNone thead th.sat { background: #5b79b9; border: 1px solid #5b79b9 !important; }

.calendarWrap table.tiNone tbody td { vertical-align: top; height: 150px; border: 1px solid #dedede !important; padding: 4px; font-size: 0.9em; font-weight: 600; }

.calendarWrap table.tiNone tbody td ul { overflow: hidden; }

.calendarWrap table.tiNone tbody td ul li { width: 100%; }

.calendarWrap table.tiNone tbody td ul li span { float: left; margin-right: 5px; vertical-align: middle; }

.calendarWrap table.tiNone tbody td ul li a, .calendarWrap table.tiNone tbody td ul li p { margin-left: 0; background: none; color: #5b79b9; line-height: 20px; text-align: left; padding: 0; margin-bottom: 10px !important; display: inline-block; max-height: 60px; overflow: hidden; word-break: keep-all; }

.calendarWrap table.tiNone tbody td ul li p { color: #333; }

.calendarWrap .ico, .bdPhoto .ico { display: inline-block; vertical-align: middle; background-color: #333; color: #fff; padding: 4px 5px; font-style: normal; font-size: 12px; line-height: 1.2; }

.calendarWrap .ico1, .bdPhoto .ico1 { background-color: #484d58; }

.calendarWrap .ico2, .bdPhoto .ico2 { background-color: #ea5a59; }

.calendarWrap .ico3, .bdPhoto .ico3 { background-color: #7f7f7f; }

.calendarWrap .ico4, .bdPhoto .ico4 { background-color: #349796; }

.calendarWrap .ico5, .bdPhoto .ico5 { background-color: #765697; }

.calendarSet { margin-bottom: 30px; margin-top: 0; }

.calBox { margin: 25px 0; overflow: hidden; }

.calBox .tit { float: left; margin-bottom: 0 !important; font-size: 18px; font-weight: bold; margin-right: 10px; }

@media (max-width: 767px) { .calBox .calBoxCon { clear: both; } }

.videoSet.noh2 .scrollY { height: 274px; }

.videoSet h2 { font-weight: 200; margin-bottom: 10px; }

.videoSet .scrollY { height: 230px; text-align: justify; }

.calDate { font-size: 1.8em; font-weight: 500; letter-spacing: -1px; text-align: center; margin-bottom: 10px; }

.calDate select { line-height: 40px; height: 40px; font-size: 15px; }

.calDate > span { display: inline-block; margin: 0 20px; vertical-align: top; line-height: 1.6em; }

.calDate > span strong { font-weight: 500; font-size: 1.1em; vertical-align: top; }

.calDate a { border: 1px solid #dee0e6; background: #fff; padding: 10px 13px; line-height: 1; font-size: 18px; }

.calDate a:hover, .calDate a:focus { border: 1px solid #484d58; background: #484d58; color: #fff; }

.calDate a.calDateL:before { content: "\f053"; display: inline-block; font-size: 18px; }

.calDate a.calDateR:before { content: "\f054"; display: inline-block; font-size: 18px; }

.calSec { margin: 0; }

.calSec > div { padding: 0 !important; }

.calSec .calList { text-align: right; }

.calSec .calList a { display: inline-block; border: 1px solid #ddd; font-size: 1.5em; padding: 8px; width: 40px; height: 40px; }

.calSec .calList .icoList1 { background: url(/static/portal/img/common/ico_cal_off.gif) no-repeat center center; }

.calSec .calList .icoList1.on { background: #333 url(/static/portal/img/common/ico_cal_on.gif) no-repeat center center; border: 1px solid #333; }

.calSec .calList .icoList2 { background: url(/static/portal/img/common/ico_list_off.gif) no-repeat center center; }

.calSec .calList .icoList2.on { background: #333 url(/static/portal/img/common/ico_list_on.gif) no-repeat center center; border: 1px solid #333; }

.reservation { text-align: center; }

.reservation .regDateList { overflow: auto; width: 100%; }

.reservation .regDateList table { min-width: 480px; }

.reservation tbody td { padding: 15px 4px !important; height: 120px !important; font-weight: normal !important; }

.reservation em { display: block; }

.reservation .reserveOn, .reservation .reserveOff, .reservation .off, .reservation button { font-weight: normal; padding: 0 10px; font-size: 0.95em; }

.reservation .reserveOn { display: inline-block; border-radius: 0; text-align: center; background: #5b79b9; color: #fff; }

.reservation .reserveOff { display: inline-block; background: #349796; color: #fff; text-align: center; }

.reservation .off { display: inline-block; background: #7f7f7f; color: #fff; text-align: center; }

.reservation .on:after, .reservation .part:after, .reservation .end:after { display: inline-block; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; color: #666; margin-left: 3px; margin-right: 10px; }

.reservation .on:after { content: "\f017"; color: #5b79b9; }

.reservation .part:after { content: "\f05d"; color: #ddd; }

.reservation .end:after { content: "\f05d"; color: #f00; }

.reservation table { table-layout: fixed; }

.reservation table td { vertical-align: top; }

.reservation table td ul { display: none; }

.reservation table td .count { display: block; text-align: center; }

.reservation table li { margin-left: 0; text-indent: 0; background: none; }

.reservation table li > * { display: block; text-align: center; }

.reservation table li:before { content: ""; }

.posMap { position: relative; }

.posMap .imgSetBox { display: none; }

.posMap .imgSetBox.on { display: block; }

.posMap .round5 { position: absolute; z-index: 10; right: 40px; top: 20px; font-size: 25px; display: inline-block; width: 55px; height: 55px; text-align: center; line-height: 55px; background: #40c4f4 !important; padding: 0; }

.posMap .round5.floor2 { top: 80px; }

.posMap .round5.floor3 { top: 140px; }

.posMap .round5 a { color: #fff; }

.posMap .round5.active { background: #5b79b9 !important; }

.floorList { border: 1px solid #ddd; padding: 3%; overflow: hidden; }

.floorList ul li { float: left; width: 33%; padding: 5px 5px 5px 35px; }

.floorList ul li .badge.round4 { margin-left: -35px; display: inline-block; line-height: 30px; width: 30px; text-align: center; background-color: #4d6f9b; padding: 0; }

.imgMapLink { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.imgMapLink li { position: absolute; width: 30px; height: 30px; }

.imgMapLink li .bg { width: 100%; height: 100%; display: block; position: absolute; opacity: 0; background-size: 100%; }

.imgMapLink li a { display: block; width: 100%; height: 100%; }

.imgMapLink li a:hover .bg, .imgMapLink li a:focus .bg, .imgMapLink li a:active .bg { opacity: 1; }

.imgMapLink li .badge { position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; text-align: center; padding: 0; }

.moneyW { overflow: hidden; margin: 3% 0; }

.moneyW .moneyImg { position: relative; margin: 1% 4%; float: left; width: 60%; }

.moneyW .moneyImg .img > span { margin: 0 2%; display: inline-block; vertical-align: top; }

@media (max-width: 767px) { .moneyW .moneyImg { width: 94%; }
	.moneyW .moneyImg img { width: 100%; } }

.moneyW .moneyTxt { float: left; width: 31%; color: #000; margin-top: 10px; }

@media (max-width: 767px) { .moneyW .moneyTxt { width: 100%; } }

.moneyW .moneyTxt .refer { color: #767676; }

.moneyW .moneyTxt ul { margin-top: 15px; }

.moneyW .moneyTxt ul a { color: #000; }

.moneyW .moneyTxt ul a:hover { color: #5b79b9; font-weight: bold; }

@media (max-width: 767px) { .moneyW .moneyTxt ul li { float: left; width: 50%; } }

.moneyW .ruBtn { background: #ff0200; border: 2px solid #fff; border-radius: 12px; width: 24px; height: 24px; color: #fff; display: inline-block; text-align: center; vertical-align: middle; line-height: 1.15; }

.agreeBox { border: 6px solid #dee0e6; padding: 20px; clear: both; }

.agreeBox h2:first-child { margin-top: 0 !important; }

.agreeBox h2 { color: #000 !important; font-weight: 400 !important; margin-top: 20 !important; margin-bottom: 20px; }

.agreeBox h3:before { content: "" !important; display: none !important; }

.agreeBox .scrollarBox { background: #f7f7f7; border: 1px solid #e8e8e8; padding: 15px; font-size: 14px; height: 250px; }

.agreeBox .scrollarBox.hg1 { height: 150px; }

.agreeBox .scrollarBox h3:before { display: none !important; }

.agreeBox .scrollarBox h3:first-child { margin-top: 0 !important; }

.agreeBox .scrollarMBox { background: #f7f7f7; border: 1px solid #e8e8e8; padding: 15px; font-size: 14px; height: 200px; overflow: auto;}

.agreeBox .scrollarMBox.hg1 { height: 150px; }

.agreeBox .scrollarMBox h3:before { display: none !important; }

.agreeBox .scrollarMBox h3:first-child { margin-top: 0 !important; }

.agreeBox .scrollarSBox { background: #f7f7f7; border: 1px solid #e8e8e8; padding: 15px; font-size: 14px; height: 125px; overflow: auto;}

.agreeBox .scrollarSBox.hg1 { height: 150px; }

.agreeBox .scrollarSBox h3:before { display: none !important; }

.agreeBox .scrollarSBox h3:first-child { margin-top: 0 !important; }

.agreeBox .labelType { margin: 20px 0 10px 0; }

.agreeBox .agreeTxt { margin-top: 10px; font-size: 14px; }

.agreeBox .agreeTxt .txt1 { margin-right: 20px; display: inline-block; padding-left: 13px; text-indent: -13px; }

.agreeBox .agreeTxt .txt1:before { content: "- "; width: auto; }

.agreeBox .agreeTxt .txt2 { display: inline-block; }

.scrollBox { height: 250px; overflow: auto; }

.scrollarBox { height: 250px; overflow: auto; border: 1px solid #ddd; padding: 15px; }

#content .userType h3 { margin-top: 0; text-align: center; font-weight: 300; margin-bottom: 0; }

.userType h3:before { content: "" !important; display: inline-block; padding: 0; }

.userType .box2 { padding-top: 0; }

.userType .box2 > div { line-height: 1.5; border-top: 1px solid #c8cad0; padding: 20px 0 0 45px; background: url(/static/portal/img/common/ico_info.png) no-repeat 0 25px; }

.userType .box2 .titS { font-weight: bold; margin-top: 20px; }

.userType .box2 .titS:first-child { margin-top: 0; }

.userType > .box1 { border-radius: 5px; padding: 0; overflow: hidden; }

.userType > .box1 h3 { background: #1f497d; color: #fff; line-height: 55px; }

.userType .auth { margin-bottom: 30px; }

@media (max-width: 767px) { .userType .auth { display: block; width: 100%; border-spacing: 10px; } }

.userType .auth .LogBox { display: table-cell; width: 40%; border: 1px solid #ddd; border-radius: 5px; float: none; position: relative; }

.userType .auth .LogBox.type1 { background: #f8f8f8; }

.userType .auth .LogBox.type1 h3 { padding: 10px; font-size: 1.1em !important; }

.userType .auth .LogBox.type1 h3.bg1 { background: #484d58; }

.userType .auth .LogBox.type1 > div { padding: 20px; }

.userType .auth .LogBox.type1 > div #cmpnyId1 { width: 25%; }

.userType .auth .LogBox.type1 > div #cmpnyId2 { width: 20%; }

.userType .auth .LogBox.type1 > div #cmpnyId3 { width: 42%; }

.userType .auth .LogBox.type1 .style p { margin-bottom: 3px !important; }

.userType .auth .LogBox.type1 .style label { display: inline-block; width: 80px; float: left; font-weight: bold; }

.userType .auth .LogBox.type1 .style span { display: block; margin-left: 80px; }

.userType .auth .LogBox.type1 .style span > input { width: 100%; }

.userType .auth .LogBox.type1 .btnSet { border-top: 1px solid #ddd; padding-top: 20px; }

@media (max-width: 767px) { .userType .auth .LogBox { display: block; width: 100%; } }

.userType .auth .LogBox h3 { color: #fff; background: #1f497d; padding: 12px; font-size: 1.4em; border-radius: 5px 5px 0 0; }

.userType .auth .LogBox .info { padding: 20px 20px 160px 20px; height: 430px; }

@media (max-width: 767px) { .userType .auth .LogBox .info { height: auto; } }

.userType .auth .LogBox .info p { background: url(/static/portal/img/common/bu1.gif) no-repeat left 9px; padding-left: 10px; margin-bottom: 0 !important; }

.userType .auth .LogBox .info p.refer { background: none; }

.userType .auth .LogBox .info .ex { color: #5b79b9; font-weight: 600; padding-left: 10px; }

.userType .auth .LogBox.bg1 { background: url(/static/portal/img/common/bg_log1.gif) no-repeat center 78%; }

.userType .auth .LogBox.bg1 h3 { background: #1f497d; }

.userType .auth .LogBox.bg1 .btnType a { background: #1f497d; }

.userType .auth .LogBox.bg1 .ex { margin-top: 30px; }

.userType .auth .LogBox.bg2 { background: url(/static/portal/img/common/bg_log2.gif) no-repeat center 78%; }

.userType .auth .LogBox.bg2 h3 { background: #5b79b9; }

.userType .auth .LogBox.bg2 .btnType a { background: #5b79b9; }

.userType .auth .LogBox.bgNone h3 { background: #5b79b9; }

.userType .auth .LogBox .btnType { position: absolute; bottom: 25px; text-align: center; width: 100%; }

.userType .auth .LogBox .btnType a { display: inline-block; text-align: center; min-width: 120px; font-weight: normal; }

.userType .auth.type1 .LogBox .info { padding: 20px; height: 400px; }

.userType .auth.type1 .LogBox .infoArea { margin-top: 30px; }

.userType .auth.type1 .LogBox .infoArea > div { margin-bottom: 20px; }

.userType .auth.type1 .LogBox .infoArea .bg1 li, .userType .auth.type1 .LogBox .infoArea .bg2 li { background: url(/static/portal/img/common/bu1.gif) no-repeat left 9px; padding-left: 10px; margin-bottom: 0 !important; }

.userType .auth.type1 .LogBox .infoArea .bg1 a, .userType .auth.type1 .LogBox .infoArea .bg2 a { font-weight: normal; }

.userType .auth.type1 .LogBox .infoArea .bg1 { background: url(/static/portal/img/common/bg_log1.gif) no-repeat left center; padding-left: 37%; min-height: 120px; }

.userType .auth.type1 .LogBox .infoArea .bg2 { background: url(/static/portal/img/common/bg_log2.gif) no-repeat left center; padding-left: 37%; min-height: 120px; }

.userType .auth.type1 .LogBox .infoArea .infoCall { color: #5b79b9; display: block; margin-bottom: 10px; font-weight: bold; }

.userType .auth.type1 .LogBox .infoArea em { color: #1f497d; font-weight: bold; display: block; }

.userType .auth.type1 .LogBox .infoSns { overflow: hidden; margin-top: 50px; }

.userType .auth.type1 .LogBox .infoSns li { float: left; width: 33.3%; text-align: center; margin: 15px 0; }

.userType .boxType h3 { color: #5b79b9; font-size: 23px !important; margin-bottom: 10px; text-align: left !important; font-weight: 500 !important; }

.userType .boxType h3:before { display: none !important; }

.boxType { padding: 3% 3px 3px 180px; margin-bottom: 20px; color: #666; background: url(/static/portal/img/common/bg_info1.gif) no-repeat left 2.5em; }

.boxType h3 { color: #5b79b9; font-size: 23px !important; margin-bottom: 10px; }

.boxType h3:before { display: none !important; }

.boxType.lineT { border-top: 1px solid #ddd; }

@media (max-width: 767px) { .boxType { background: none; padding: 3px; } }

.boxType1 { border: 1px solid #ddd; }

.boxType1 h3 { color: #fff; background: #484d58; padding: 12px; font-size: 1.4em; font-weight: 200; text-align: center; border-radius: 5px 5px 0 0; }

.boxType1 li { background: url(/static/portal/img/common/bu1.gif) no-repeat left 9px; padding-left: 10px; margin-bottom: 0 !important; }

.boxType1 .boxType1Area { padding: 15px 25px; }

.boxType1 .btnArea { text-align: center; margin: 20px 0 10px 0; }

.boxType1 .btnArea a { font-weight: normal; }

.boxType2 { background: #3c4559 url(/static/portal/img/cts/sub8/200200_1.jpg) no-repeat right top; padding: 2% 4%; color: #fff; margin-bottom: 20px; }

.boxType2.bg { background: #3c4559 url(/static/portal/img/cts/sub8/200201_1.jpg) no-repeat right top; }

.boxType2 .tit { color: #fff; font-size: 22px; letter-spacing: -1px; font-weight: bold; }

.boxType2 li { font-size: 13px; margin-bottom: 5px; }

.boxType2 .schType { overflow: hidden; clear: both; margin-top: 25px; color: #000; }

.boxType2 .schType p { margin-bottom: 3px !important; }

.boxType2 .schType label { color: #fff; font-size: 13px; width: 60px; display: inline-block; }

.boxType2 .schType .inpStyle { border: 4px solid #5b79b9; height: 45px; line-height: 45px; }

.boxType2 .schType .pa1 { overflow: hidden; }

.boxType2 .schType .pa1 p { float: left; width: 50%; }

.boxType2 .schType .pa1 p:first-child { width: 48%; margin-right: 2%; }

@media (max-width: 767px) { .boxType2 .schType .pa1 p:first-child { width: 100%; margin-right: 0; } }

@media (max-width: 767px) { .boxType2 .schType .pa1 p { width: 100%; } }

.boxType2 .schType .pa2 { position: relative; }

.boxType2 .schType .pa2 .inpStyle { background: #fff; vertical-align: middle; line-height: 35px; }

.boxType2 .schType .pa2 .inpStyle > span { margin-left: 0; padding-right: 40px; display: block; }

.boxType2 .schType .pa2 .inpStyle .inpStyle_t { width: 100%; line-height: 35px; height: 35px; border: 0; }

.boxType2 .schType .pa2 .schStyle { position: absolute; top: 5px; right: 0; margin-left: 0; }

.boxType2 .schType .pa2 .schStyle a { display: inline-block; width: 35px; height: 35px; }

.boxType2 .schType .pa2 .schStyle a:before { content: '\f002'; display: inline-block; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; margin-right: 10px; font-size: 20px; }

.boxType2 .schType .pa1, .boxType2 .schType .pa2 { clear: both; }

.boxType2 .schType .pa1 label, .boxType2 .schType .pa2 label { float: left; display: block; padding-top: 10px; }

.boxType2 .schType .pa1 > p > span, .boxType2 .schType .pa2 > p > span { margin-left: 60px; display: block; }

.boxType2 .schType .pa1 > p > span .inpStyle, .boxType2 .schType .pa2 > p > span .inpStyle { width: 100%; }

.boxType3 { background: #f2f5fc url(/static/portal/img/cts/sub5/200112_1.jpg) no-repeat 6% top; padding: 3% 2% 2% 440px; margin-bottom: 20px; min-height: 180px; }

.boxType3 .tit { color: #5b79b9; font-size: 30px; letter-spacing: -1px; font-weight: bold; font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; margin-bottom: 0 !important; }

.boxType3 li { font-size: 15px; margin-bottom: 5px; letter-spacing: -1px; }

.boxType3 li.fsType { font-size: 16px; font-weight: 600; }

.boxType4 { background: #f2f5fc url(/static/portal/img/cts/sub5/200112_2.jpg) no-repeat 0 50%; padding-top: 2%; margin-bottom: 20px; height: 320px; }

.boxType4 .titBox { background-color: rgba(255, 255, 255, 0.7); background-image: url(/static/portal/img/cts/sub5/200112_3.png); background-position: 0 bottom; background-repeat: no-repeat; border: 6px solid #5b79b9; height: 96%; margin: 30px auto; text-align: center; font-size: 14px; color: #1f497d; padding: 30px 17px; width: 217px; letter-spacing: -1px; }

.boxType4 .titBox p { position: relative; padding: 20px 0; }

.boxType4 .titBox p:before, .boxType4 .titBox p:after { content: ""; position: absolute; width: 19px; height: 16px; display: inline-block; background-size: 90%; }

.boxType4 .titBox p:before { background: url("/static/portal/img/cts/sub5/200112_4.png") no-repeat left top; top: 0; left: 0; }

.boxType4 .titBox p:after { background: url("/static/portal/img/cts/sub5/200112_5.png") no-repeat left bottom; bottom: 0; right: 0; }

.boxType5 { width: 100%; display: table; height: 405px; padding-top: 32px; background: url(/static/portal/img/cts/sub10/200686.png) no-repeat 0 50%; }

.boxType5 .titBox { margin: 0 auto 15px; padding: 20px 330px; background: url(/static/portal/img/cts/sub10/200686_2.png) no-repeat 50% 0; min-height: 344px; vertical-align: middle; display: table-cell; }

.boxType5 .titBox p { max-width: 246px; margin: 0 auto; }

.boxType5 .titBox .title { color: #1f497d; font-size: 1.7em; font-weight: 600; }

.boxType5 .titBox .txt1 { color: #5e5e5e; margin-bottom: 0; }

.boxType5 .titBox .txt2 { color: #000; margin-bottom: 0; }

.boxType5 .titBox .img { padding-top: 5%; }

.info_icon { position: relative; width: 100%; }

.info_icon i { position: absolute; top: 0; float: left; display: table; width: 60px; height: 60px; line-height: 60px; font-size: 30px; background: #f2f3f7; border-radius: 50px; color: #5b79b9; text-align: center; vertical-align: top; margin-top: 20px; }

.info_icon > div { /*display:table;float:left;*/ padding-left: 77px; }

.lawTab { background: #f4f5f7; overflow: hidden; }

.lawTab .lawTab_d1 { float: left; width: 40%; padding: 20px 25px; }

.lawTab .lawTab_d1 li { border-bottom: 1px solid #dee0e6; }

.lawTab .lawTab_d1 li a { display: block; padding: 7px 5px 7px 10px; font-size: 14px; color: #000; }

.lawTab .lawTab_d1 li.active { border: 3px solid #5b79b9; background: #fff; position: relative; }

.lawTab .lawTab_d1 li.active:after { content: ""; display: inline-block; background: url(/static/portal/img/cts/sub5/law_arr.png) no-repeat left top; position: absolute; top: 10px; right: -11px; width: 8px; height: 15px; }

.lawTab .lawTab_d1 li.active a { color: #5b79b9; font-weight: bold; }

.lawTab .lawTab_d1 li.last { border-bottom: 0; }

.lawTab .lawTab_d2 { float: left; width: 60%; border: 6px solid #dee0e6; background: #fff; height: 302px; overflow: auto; }

.lawTab .lawTab_d2 ul { padding: 15px; }

.lawTab .lawTab_d2 ul li { padding: 7px 5px 7px 10px; border-bottom: 1px solid #dee0e6; }

.lawTab .lawTab_d2 ul li.active a { font-weight: 600; color: #1f497d; border-bottom: 3px solid #1f497d; }

.lawTab .lawTab_d2 ul li a { font-size: 14px; color: #000; }

.members { border: 1px solid #dee0e6; border-top: 2px solid #484d58; padding: 30px 2% 0 2%; text-align: center; }

.members.idFind .login .loginF label { width: 100px; }

.members.idFind .idfdRad { text-align: right; }

.members.passwdR .login .loginF label { width: 110px; }

.members .login { width: 400px; display: inline-block; position: relative; text-align: left; }

@media (max-width: 480px) { .members .login { width: 100%; } }

.members .login .loginF { margin-bottom: 5px; text-align: left; }

.members .login .loginF > span { display: inline-block; }

@media (max-width: 480px) { .members .login .loginF > span { margin: 0 90px 0 75px; display: block; } }

.members .login .loginF input { width: 200px; }

@media (max-width: 480px) { .members .login .loginF input { width: 100%; } }

.members .login .loginF label { width: 75px; text-align: left; display: inline-block; background: url(/static/portal/img/common/bu1.gif) no-repeat left 48%; padding-left: 10px; }

@media (max-width: 480px) { .members .login .loginF label { float: left; display: block; } }

.members .login .b-btn { position: absolute; top: 0; right: 0; width: 110px; height: 65px; background: #00acdc; }

@media (max-width: 480px) { .members .login .b-btn { width: 80px; } }

.members .login .saveId { margin-left: 85px; }

.members .loginEx { border-top: 1px solid #dee0e6; margin-top: 20px; }

.members .loginEx a { padding: 20px 10px !important; display: inline-block; font-weight: bold; background: none !important; color: #666; margin: 0 !important; height: auto !important; line-height: inherit !important; /*&:first-child:after{content:"|";display:inline-block;text-align:right;padding-left:30px;color:#dee0e6;font-weight:normal; @include breakpoint($xs){padding-left:10px;} }*/ }

@media (max-width: 480px) { .members .loginEx a { padding: 10px 5px; } }

.imgSet { border: 1px solid #dee0e6; clear: both; position: relative; margin-bottom: 10px; background: #fff; text-align: center; }

.imgSet p { margin-bottom: 0 !important; text-align: center; width: 100%; }

.imgSet a { display: block; text-align: center; }

.imgSet img { max-width: 100%; }

.imgSet.img1 { border: 0; overflow: hidden; background: none; }

.imgSet.img1 p { border: 1px solid #dee0e6; text-align: center; display: inline-block; float: left; width: auto; background: #fff; }

.imgSet.img2 { border: 0; margin-left: -2%; overflow: hidden; background: none; }

.imgSet.img2 p { width: 48%; margin: 0 0 0 2% !important; border: 1px solid #dee0e6; text-align: center; background: #fff; float: left; }

@media (max-width: 767px) { .imgSet.img2 p { width: 98%; margin-bottom: 10px !important; float: none; } }

.imgSet1 { text-align: center; }

.imgLi ol { list-style-type: none; margin-top: 10px; float: left; width: 100%; }

.imgLi ol li { list-style-type: none; clear: both; }

.imgLi ol li img { width: 100%; float: left; }

.imgwh { width: 100%; height: 100%; }

.infoWrap { margin: 20px 0 0; overflow: hidden; }

.infoWrap dl.dl-horizontal dt { font-weight: 600; width: 90px; position: absolute; }

.infoWrap dl.dl-horizontal dd { margin-left: 90px; display: block; }

.infoWrap .imgTxt { display: inline-block; vertical-align: middle; }

.infoWrap dl.nationInfo { position: relative; display: inline-block; margin: 0; padding: 85px 0 0; width: 300px; height: 340px; font-weight: bold; text-align: left; color: #555; background: url("/static/portal/img/ecostudy/bg_moneyData.gif") no-repeat 0 0; }

.infoWrap dl.nationInfo dt { position: absolute; top: 0; left: 39px; margin: 0; padding: 0; color: #fff; }

.infoWrap dl.nationInfo dd { width: 225px; margin: 0 0 5px 55px; padding: 2px 0; line-height: 110%; }

.infoWrap dl.nationInfo strong { color: #4cafd6; font-style: normal; margin-right: 7px; }

.infoWrap .floatR { float: right; width: 335px; }

.infoWrap h5.tit { margin-top: 0; }

.infoWrap dl.moneyInfo { margin: 0; padding: 5px 0 0 15px; }

.infoWrap dl.moneyInfo dt { margin: 0 0 9px; padding: 0 0 0 8px; color: #666; font-weight: bold; }

.infoWrap dl.moneyInfo dd { margin: 0 0 13px 8px; padding: 0; color: #666; line-height: 135%; }

.moneyPhoto { text-align: center; }

.moneyPhoto .boxBtm { padding: 15px 5px; }

.m_box.type .imgW { width: 20%; float: left; margin-left: 2%; }

.m_box.type .txtType { width: 76%; float: left; margin-left: 2%; }

.m_box.type .txtType p { margin-left: 13px; }

.m_box.type1 .imgW { width: 31%; float: left; margin-left: 2%; }

.m_box.type1 .txtType { width: 65%; float: left; margin-left: 2%; }

.m_box.type1 .txtType p { margin-left: 13px; }

.m_box.type2 .imgW { width: 15%; float: left; margin-left: 2%; }

.m_box.type2 .txtType { width: 81%; float: left; margin-left: 2%; }

.m_box.type2 .txtType p { margin-left: 13px; }

.m_box > li { clear: both; margin-left: -2%; margin-bottom: 2%; overflow: hidden; }

.m_box > li h4 { margin-left: 0 !important; font-weight: bold; font-family: "malgun gothic", "맑은고딕", "AppleGothic", "돋움", "dotum", Helvetica, Arial, sans-serif; }

.m_box > li .imgW { width: 34%; float: left; margin-left: 2%; }

.m_box > li .imgW .img { border: 1px solid #ddd; display: inline-block; float: left; width: 100%; text-align: center; background: #fff; padding: 12px; }

.m_box > li .imgW .img.type { padding: 0; max-width: 272px; }

.m_box > li .imgW .img img { vertical-align: top; }

.m_box > li .txtType { width: 62%; float: left; margin-left: 2%; }

.m_box > li .txtType p { margin-left: 13px; }

.m_box > li .ml1 { margin-left: 2%; }

.m_box > li .onlytxt p { margin-left: 13px; }

.m_box > li .onlyimg { padding: 5px 15px 0 15px; background: #fff; border: 1px solid #ddd; float: left; overflow: hidden; }

.m_box > li .onlyimg p { margin-bottom: 0 !important; }

.m_box > li .onlyimg .type { width: 100%; text-align: center; }

.m_box > li .refer { margin-left: 26px !important; }

.dlbox { background: #eee; overflow: hidden; clear: both; display: table; width: 100%; }

.dlbox dt, .dlbox dd { padding: 12px 8px; display: table-cell; vertical-align: middle; border: 1px solid #fff; border-width: 1px 1px 0 0; }

.dlbox dt { width: 20%; text-align: center; font-weight: bold; background: #1d4479; color: #fff; font-size: 15px; line-height: 1.3; }

.dlbox dt:before { content: "\e66e"; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; font-size: 14px; font-weight: normal; }

@media (max-width: 767px) { .dlbox dt { width: 110px; } }

.dlbox dd { width: 80%; }

@media (max-width: 767px) { .dlbox dd { width: auto; } }

.dllist { margin-left: 10px; }

.dllist dt { display: inline-block; float: left; background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px; padding-left: 10px; clear: both; }

.dllist dd { display: block; margin-left: 100px; }

.icon_secret:after { content: "\f023"; display: inline-block; font: normal normal normal 17px/1 FontAwesome; padding-left: 5px; }

.sh_con { display: block; border: 1px solid #dee0e6; padding: 29px 29px 19px; }

.sh_con > ul > li { float: left; padding: 0 1px 10px 0 !important; text-align: center; letter-spacing: -1px; position: relative; /* &:nth-child(4n+4) {margin-right:0;} */ }

.sh_con > ul > li > a { border: 1px solid #93a0bd; color: #1f497d; display: block; background: #f4f5f7; padding: 8px 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.sh_con > ul > li > a:hover { background: #1f497d; color: #fff; text-decoration: none; }

.sh_con .shTab { position: absolute; top: 0; width: 300px; border: 4px solid #5b79b9; padding: 15px; z-index: 1; background: #fff; display: none; top: 40px; left: -20%; }

.sh_con .shTab:before { content: ""; display: inline-block; background: url(/static/portal/img/common/arr_up.png) no-repeat left top; top: -12px; left: 48%; position: absolute; width: 17px; height: 8px; }

.sh_con .shTab li { float: none; border: 0; padding: 0; text-align: left; }

.sh_con .shTab li a { text-align: left; color: #5b79b9; }

.indicator li { position: relative; }

.indicator a { height: 220px; border: 1px solid #dee0e6; padding: 0 8% 8%; display: block; /* background:url(/static/portal/img/cts/img_nw4-02-01-010_off.png) center 20px no-repeat; */ word-break: keep-all; }

.indicator a:hover, .indicator a:focus, .indicator a:active { text-decoration: none; background: #00acdc; transition: all .6s ease-in-out; }

.indicator a:hover span, .indicator a:focus span, .indicator a:active span { color: #fff; }

.indicator a > span { display: block; color: #dee0e6; vertical-align: top; }

.indicator a .no { font-size: 3.3em; color: #dee0e6; line-height: 1.3; }

.indicator a .txt { color: #5b79b9; font-size: 1.5em; line-height: 110%; }

.indicator a.img { position: absolute; bottom: 0; width: 100%; left: 0; height: auto; border: none; padding: 0 11px; }

.indicator a.img:hover, .indicator a.img:focus, .indicator a.img:active { background: none; }

.indicator a.img img { width: 100%; }

a + .indicator.img:hover { background: #00acdc; }

.badge_news { display: inline-block; float: left; width: 82px; height: 82px; background: url(/static/portal/img/cts/badge_news.png) no-repeat 50% 50%; }

.scrollContB { border: 1px solid #ddd; padding: 15px; position: relative; }

.scrollContB .tab-content { clear: both; padding-top: 15px; position: relative; }

@media (max-width: 1023px) { .scrollContB .tab-content { padding-top: 0; } }

.scrollContB .tab-pane h3:first-child { margin-top: 0 !important; }

.scrollContB .scrollCont { height: 300px; overflow: auto; clear: both; padding-top: 10px; }

.scrollContB .scrollCont.scrollPrint { height: auto; }

.scrollContB .b-print { position: absolute; top: -23px !important; right: 0 !important; color: #fff; background: #484d58; }

@media (max-width: 1023px) { .scrollContB .b-print { display: none; } }

.scrollContB .b-print span { background: url(/static/portal/img/common/ico_print.png) no-repeat 10px center; display: inline-block; padding: 0 10px 0 30px; font-weight: normal !important; }

.serList .ratio-4x3 { padding-bottom: 59%; }

.serList h2 { font-size: 22px !important; margin-left: 10px !important; }

.serList1 { clear: both; margin-top: 20px; }

.serList1 li { overflow: hidden; margin-bottom: 3%; width: 100%; }

.serList1 li .img { float: right; width: 24%; margin-left: 3%; }

.serList1 li .img img { width: 100%; }

.serList1 li .img + .txt { float: left; width: 73%; border: 1px solid #dee0e6; border-width: 1px 0; padding: 20px 0; min-height: 134px; }

.serList1 li > .txt { width: 100%; border: 1px solid #dee0e6; border-width: 1px 0; padding: 20px 0; min-height: 145px; }

.serList1 li .txt dd { /* background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px;padding-left:10px; */ }

.serList1 li h2 { color: #5b79b9 !important; margin-top: 0 !important; }

.serList1 li .ratio-4x3 { padding-bottom: 59%; }

.con_200431 { overflow: hidden; background: #fbfbfc; border: 1px solid #dee0e6; }

.con_200431 dl { display: table; /* float:left; */ width: 100%; border-bottom: 1px solid #dee0e6; padding: 0 18px; }

.con_200431 dl:last-child { border-bottom: none; }

.con_200431 dt { display: table-cell; vertical-align: middle; /* float:left; */ width: 18%; font-size: 1.2em; height: 53px; }

.con_200431 dt.ms1 span { background: url(/static/portal/img/cts/sub4/200431_1.png) 0 0 no-repeat; }

.con_200431 dt.ms2 span { background: url(/static/portal/img/cts/sub4/200431_2.png) 0 0 no-repeat; }

.con_200431 dt.ms3 span { background: url(/static/portal/img/cts/sub4/200431_3.png) 0 0 no-repeat; }

.con_200431 dt.ms4 span { background: url(/static/portal/img/cts/sub4/200431_4.png) 0 0 no-repeat; }

.con_200431 dt.ms5 span { background: url(/static/portal/img/cts/sub4/200431_5.png) 0 0 no-repeat; }

.con_200431 dt.ms6 span { background: url(/static/portal/img/cts/sub4/200431_6.png) 0 0 no-repeat; }

.con_200431 dt span { display: inline-block; padding-left: 64px; vertical-align: middle; height: 53px; /* line-height:53px; */ padding-top: 13px; }

.con_200431 dd.tab, .con_200431 dd.typebrown, .con_200431 dd.faq { display: table-cell; float: none; /* float:left; */ clear: none; width: 82%; padding: 18px 0; margin-bottom: 0; }

.con_200431 dd.tab li, .con_200431 dd.typebrown li, .con_200431 dd.faq li { background: #fff; }

.con_200431 dd.tab li a, .con_200431 dd.typebrown li a, .con_200431 dd.faq li a { color: #325192; }

.officeOver > div { clear: both; background: url(/static/portal/img/common/dot.gif) repeat-x left bottom; overflow: hidden; padding-bottom: 5px; }

.officeOver h2 { padding-left: 35px; margin-left: 10px; }

.officeOver h2.ico_office1 { background: url(/static/portal/img/cts/intro/icon_floag1.png) no-repeat left center; }

.officeOver h2.ico_office2 { background: url(/static/portal/img/cts/intro/icon_floag2.gif) no-repeat left center; }

.officeOver h2.ico_office3 { background: url(/static/portal/img/cts/intro/icon_floag3.png) no-repeat left center; }

.officeOver h2.ico_office4 { background: url(/static/portal/img/cts/intro/icon_floag4.png) no-repeat left center; }

.officeOver h2.ico_office5 { background: url(/static/portal/img/cts/intro/icon_floag5.png) no-repeat left center; }

.officeOver .img { position: relative; }

.officeOver .img .linkArea { position: absolute; left: 10px; bottom: 12px; }

.officeOver .img .linkArea a { font-size: 12px; color: #fff; padding: 12px 20px 12px 12px; display: inline-block; background: url(/static/portal/img/common/ico_arr1.png) no-repeat right 18px; }

.officeOver dl { margin-bottom: 5px; }

.officeOver dt { color: #5b79b9; font-weight: bold; font-size: 1.1em; }

.officeOver dd { background: url(/static/portal/img/common/bu1.gif) no-repeat left 10px; padding-left: 12px; }

.siteList > div a { background: #dee0e6; display: block; position: relative; border: 1px solid #fff; }

.siteList > div a:hover { border: 1px solid #5b79b9; text-decoration: none; }

.siteList > div a:hover .name { background: #5b79b9; }

.siteList > div a span { display: block; text-align: center; }

.siteList > div a .img { margin: 10px 10px 5px 10px; padding-top: 10px; background: #fff; }

.siteList > div a .img img { max-width: 100%; }

.siteList > div a .link:before { content: "\f109"; display: inline-block; font-size: 18px; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.siteList > div a .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; background: #484d58; font-weight: bold; color: #fff; font-size: 15px; margin-top: 5px; padding: 8px 0; }

.siteList1 > div:nth-child(4n+1) { clear: both; }

.siteList1 > div a { display: block; padding-top: 1px; background: #dee0e6; }

.siteList1 > div a span { display: block; text-align: center; }

.siteList1 > div a .img { margin: 10px 10px 5px 10px; background: #fff; line-height: 0; }

.siteList1 > div a .img img { max-width: 100%; }

.siteList1 > div a .name { padding: 3px 5px 6px 5px; line-height: 1.3; }

.siteList1 > div a .name:before { content: ""; display: inline-block; background: url(/static/portal/img/common/bu3.gif) no-repeat left top; width: 10px; height: 7px; }

.siteList1 > div a:hover { text-decoration: none; background: #5b79b9; }

.siteList1 > div a:hover .name { color: #fff; }

.siteList1 > div a:hover .name:before { content: ""; display: inline-block; background: url(/static/portal/img/common/bu4.gif) no-repeat left top; width: 10px; height: 7px; }

.inpClose { position: relative; }

.inpClose a { display: inline-block; position: absolute; top: 0; left: -20px; }

.mt1 { margin-top: 10px; }

.ml1 { margin-left: 10px; }

.ml-2 { margin-left: -38px !important; }

.link { color: #5b79b9; }

.uline { text-decoration: underline; }

.linkType { display: inline-block; background: #5b79b9 url("/static/portal/img/common/link_arr.gif") no-repeat right center; }

.linkType a { color: #fff; display: inline-block; position: relative; padding: 2px 25px 2px 5px; }

.caution { color: #ea5a59; font-weight: bold; }

.caution:before { content: "\f06a"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; padding-right: 5px; }

.caution1 { color: #1f497d; font-size: 15px !important; background: none !important; margin-left: 0 !important; padding-left: 0 !important; }

.caution1:before { content: "" !important; display: inline-block; font: normal normal normal 16px/1 FontAwesome !important; padding-right: 5px; color: #5b79b9; }

.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); }

.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }

.tooltip.top { margin-top: -3px; padding: 5px 0; min-width: 120px; }

.tooltip.right { margin-left: 3px; padding: 0 5px; }

.tooltip.bottom { margin-top: 3px; padding: 5px 0; }

.tooltip.left { margin-left: -3px; padding: 0 5px; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; background-color: #5b79b9; border-radius: 4px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #5b79b9; }

.tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #5b79b9; }

.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #5b79b9; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #5b79b9; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #5b79b9; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #5b79b9; }

.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #5b79b9; }

.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #5b79b9; }

.coinimgtxt { overflow: hidden; }

.coinimgtxt .imgtxtW { overflow: hidden; }

.coinimgtxt.type .img { border: 3px solid #c9cfde; background: none; text-align: center; }

.coinimgtxt.type .img.img2 img { max-width: 120px; }

.coinimgtxt.type .img.imgType img { max-width: 270px !important; }

.coinimgtxt.type .img p { border: 0; text-align: center; height: 152px; }

.coinimgtxt.type .img p img { vertical-align: middle; max-width: 100%; }

.coinimgtxt.type1 { border: 1px solid #ddd; padding: 5px 15px 15px; }

.coinimgtxt.type1 .tabsub { margin-bottom: 20px; }

.coinimgtxt.type1 h3 { clear: both !important; margin-bottom: 10px; }

.coinimgtxt.type2 img { max-width: 120px; }

.coinimgtxt .img { width: 35%; float: left; border: 5px solid #869cca; padding: 2.5%; background: #f4f5f7; margin-right: 2%; vertical-align: middle; }

@media (max-width: 767px) { .coinimgtxt .img { width: 100%; text-align: center; margin-bottom: 10px; } }

.coinimgtxt .img.imgType2 { border: 0; background: none; }

.coinimgtxt .img.imgType2 p { border: 0; }

.coinimgtxt .img.imgType2 .s { display: inline-block; margin-bottom: 20px; }

@media (max-width: 767px) { .coinimgtxt .img.imgType2 .s { margin-bottom: 0; } }

.coinimgtxt .img.imgType2 .s strong { display: block; font-weight: normal; color: #333 !important; }

.coinimgtxt .img.imgType3 { border: 0; background: none; padding: 0 4%; }

.coinimgtxt .img.imgType3 p { border: 0; }

.coinimgtxt .img.imgType3 img { width: 100%; }

.coinimgtxt .img p { vertical-align: middle; background: #fff; text-align: center; width: 100%; text-align: center; height: 227px; width: 300px; display: table-cell; border: 1px solid #b5b5b5; border-width: 1px 0 0 1px; }

@media (max-width: 767px) { .coinimgtxt .img p { width: 100%; height: auto; text-align: center; display: block; padding: 10px; } }

.coinimgtxt .table { width: 63%; float: left; clear: none; margin-top: 0; border-top: 2px solid #869cca; }

.coinimgtxt .table.type { width: 100%; }

@media (max-width: 767px) { .coinimgtxt .table { width: 100%; } }

.coinimgtxt .table th { font-weight: bold; }

.moneyChoW { border: 1px solid #dee0e6; }

.moneyChoW .moneyCho { overflow: hidden; text-align: center; padding: 15px; }

.moneyChoW .moneyCho ul { padding: 3% 4%; overflow: hidden; }

.moneyChoW .moneyCho ul li { text-align: center; float: left; width: 25%; padding: 1%; }

@media (max-width: 767px) { .moneyChoW .moneyCho ul li { width: 50%; } }

.moneyChoW .moneyCho .moneySch { border-top: 1px solid #dee0e6; padding: 2% 0; }

.moneyChoW .moneyCho .moneySch .txt { color: #5b79b9; font-size: 12px; }

@media (max-width: 767px) { .moneyChoW .moneyCho .moneySch .input-lg { width: 75%; } }

.moneyChoW .moneybox { border: 1px solid #dee0e6; border-width: 1px 0; background: #f4f5f7; padding: 3%; }

.moneyChoW .moneybox p { text-align: center; font-size: 1.3em; position: relative; padding-top: 50px; }

.moneyChoW .moneybox p:before { content: "\f06a"; display: inline-block; font: normal normal normal 50px/1 FontAwesome; padding-right: 5px; color: #ea5a59; width: 35px; height: 35px; position: absolute; top: 0; left: 50%; margin-left: -20px; }

.moneyChoW .moneybox p strong { color: #333 !important; }

.moneybox1 { margin-top: 20px; }

.moneybox1 > ul > li { overflow: hidden; }

.moneybox1 > ul > li > div { border: 1px solid #dee0e6; background: #fff; padding-bottom: 10px; }

.moneybox1 > ul > li > div p { background: #5b79b9; font-weight: bold; color: #fff; font-size: 1.1em; text-align: center; padding: 10px; }

.moneybox1 > ul > li > div > ul { text-align: center; }

.moneybox1 > ul > li > div > ul > li { text-align: center; font-size: 1.1em; }

.numStyle { background: #1f497d; border-radius: 3px; color: #fff; width: 18px; line-height: 1.3; text-align: center; display: inline-block; }

.ciH { min-height: 75px; }

.ciH2 { min-height: 120px; }

.ciBox1 { background: #fafafa; padding: 2%; text-align: center; }

.ciBg { background: #fafafa; padding: 0 2% 5% 2%; text-align: center; min-height: 200px; }

.ci_box li { font-weight: bold; font-size: 15px; }

.ci_box li span { text-align: center; color: #fff; width: 20%; height: 40px; display: inline-block; vertical-align: middle; margin-right: 10px; float: left; }

.ci_box .style span { height: 50px; }

.ci_box .bgType1 { background: #0096d2; }

.ci_box .bgType2 { background: #005596; }

.ci_box .bgType3 { background: #8b7052; }

.ci_box .bgType4 { background: #bdbcbc; }

.ci_box .bgType5 { background: #6d6e72; color: #333; }

.ci_box .bgType6 { background: #dcdddf; color: #333; }

.selMenu .sh.sh2 select { width: 70%; }

.commCoinInfoSet > div { display: none; }

.commCoinInfoSet > div.on { display: block; }

.commCoinInfoSet .imgW2 { border: 2px solid #c9cfde; padding: 20px 10px; text-align: center; }

.commCoin td { vertical-align: top; }

.commCoin td > a { display: inline-block; }

.viewers { width: 470px; margin: 0 auto; }

.viewers li { float: left; padding: 0 5px 15px; }

.orgType { text-align: center; }

.orgType h3 { border-radius: 3px; background: #5b79b9; padding: 0.8em 10px 0.8em 10px; display: inline-block; min-width: 200px; font-weight: normal; color: #fff; text-align: center; }

.orgType h3 a { color: #fff !important; }

.orgType h3 a:after { top: -0.7em; right: 0; }

.orgType h3:before { display: none !important; }

@media (max-width: 1023px) { .orgType h3 { float: left; width: 30%; text-align: center; min-width: auto; } }

.orgType a { display: block; position: relative; }

.orgType a:after { content: "\f08e"; display: inline-block; position: absolute; top: 5px; right: 5px; height: 30px; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; font-size: 12px; color: #1f497d; }

.orgType > ul { width: 100%; margin-top: 10px; }

@media (max-width: 1023px) { .orgType > ul { clear: both; } }

.orgType > ul > li { display: inline-block; width: 32%; vertical-align: top; }

.orgType > ul > li.style { margin-top: 60px; }

@media (max-width: 1023px) { .orgType > ul > li.style { margin-top: 5px; } }

.orgType > ul > li.orgDepth { width: 100%; }

@media (max-width: 1023px) { .orgType > ul > li.orgDepth { margin-top: 0; } }

@media (max-width: 1023px) { .orgType > ul > li { width: 100%; margin-top: 5px; margin-left: 5%; text-align: left; } }

.orgType > ul > li > span { display: inline-block; border-radius: 3px; padding: 0.8em 10px 0.8em 10px; background: #00acdc; min-width: 200px; }

.orgType > ul > li > span > a { text-align: center; color: #000; display: block; font-weight: bold; position: relative; }

.orgType > ul > li > span > a:after { top: -0.7em; right: 0; }

.orgType > ul > li > ul { padding-top: 25px; background: url(/static/portal/img/common/bg_orgLine.gif) no-repeat center -24px; font-size: 0; line-height: 0; }

@media (max-width: 1023px) { .orgType > ul > li > ul { padding-top: 0; } }

.orgType > ul > li > ul > li { text-align: center; display: inline-block; vertical-align: top; background: url(/static/portal/img/common/bg_orgLine2.gif) no-repeat center -45px; padding: 25px 3px 0 3px; }

@media (max-width: 1023px) { .orgType > ul > li > ul > li { display: block; width: 90%; min-width: 150px; max-width: 300px; background: url(/static/portal/img/common/bg_orgLine2M.gif) no-repeat -30px center; padding: 5px 3px 0 40px; } }

.orgType > ul > li > ul > li.first { background: url(/static/portal/img/common/bg_orgLine2_first.gif) no-repeat center -45px; }

@media (max-width: 1023px) { .orgType > ul > li > ul > li.first { background: url(/static/portal/img/common/bg_orgLine2M.gif) no-repeat -30px center; } }

.orgType > ul > li > ul > li.end { background: url(/static/portal/img/common/bg_orgLine2_end.gif) no-repeat center -45px; }

@media (max-width: 1023px) { .orgType > ul > li > ul > li.end { background: url(/static/portal/img/common/bg_orgLine2M_end.gif) no-repeat -30px center; } }

.orgType > ul > li > ul > li > span { display: inline-block; line-height: 139%; min-width: 115px; border: 1px solid #c7c7c7; border-radius: 3px; background: #d0e0f5; font-size: 1em; width: 100%; }

.orgType > ul > li > ul > li > span > a { display: block; color: #000; font-size: 14px; line-height: 1.3; font-weight: bold; padding: 15px 5px; position: relative; }

.orgType > ul > li > ul > li > span > a > span { display: block; }

@media (max-width: 1023px) { .orgType > ul > li > ul > li > span > a > span { display: inline-block; } }

.keyWordBd { float: left; margin-bottom: 10px; width: 100%; }

.keyWordBd > ul { float: left; width: 100%; }

.keyWordBd > ul > li { clear: both; }

.keyWordBd .keyWdHd { width: 9%; display: inline-block; float: left; }

.keyWordBd .keyword { width: 91%; float: left; }

.keyWordBd .keyword li { display: inline-block; float: left; margin-right: 2px; margin-bottom: 2px; }

.keyWordBd .keyword li.on { background: #5b79b9; }

.keyWordBd .keyword li.on a { font-weight: bold; color: #fff; }

.keyWordBd .keyword li a { display: inline-block; width: 28px; height: 28px; text-align: center; line-height: 28px; border: 1px solid #ddd; }

.boxInfo { height: 380px; overflow-y: auto; text-align: justify; padding-left: 10px; }

.boxInfo li { padding: 5px 0; /* margin-bottom:10px; */ line-height: 130%; }

.boxInfo li a { display: block; }

.boxInfo.boxInfoR { height: 260px; margin-bottom: 20px; }

.boxInfoRel { margin-bottom: 0; height: 100px; overflow-y: auto; }

.boxInfoRel.box3 { padding: 5px 10px; }

.boxInfoRel h3 { margin: 0 !important; }

#wordList li.on { background: #f4f5f7; }

#wordList li.on a { font-weight: 600; }

.history dt { font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; margin: 20px 0 5px 0; color: #1f497d; font-size: 18px; }

.history dd { background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px; padding-left: 10px; }

.history dd strong { display: block; float: left; margin-right: 10px; }

.history dd p { display: block; overflow: hidden; }

.survey { border-bottom: 1px solid #ddd; }

.survey dt, .survey dd { padding: 10px 15px; }

.survey dt { border: 1px solid #ddd; border-width: 1px 0; }

.survey dd { background: #f4f5f7; }

.survey dd label { display: block; margin: 3px 0; }

.serType { padding-left: 60px; position: relative; }

.serType:before { content: "\e6de"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; color: #5b79b9; font-size: 35px; position: absolute; top: 0; left: 10px; }

.serType > p { color: #5b79b9; font-size: 17px; line-height: 1.4; font-weight: bold; }

.numListStyle.type { overflow: hidden; }

.numListStyle.type li { float: left; margin-right: 10px; }

.numListStyle li { text-indent: -24px; margin-left: 24px; }

.numListStyle li > span { text-indent: 0; border-radius: 20px; background: #5b79b9; color: #fff; padding: 0 5px; min-width: 19px; line-height: 1.4; display: inline-block; text-align: center; font-size: 14px; }

.intro_area { clear: both; }

.intro_area .img { display: block; float: left; margin-right: 30px; }

.intro_area .img img { max-width: 150px; }

.intro_area .txt { display: block; overflow: hidden; }

.intro_area .txt .titType { font-size: 20px; font-weight: bold; color: #5b79b9; line-height: 1.4; }

.intro_area .txt .titType span { display: block; }

.intro_area .txt .sign { text-align: right; }

.intro_area .txt .sign span { font-size: 23px; font-weight: 600; }

.boxGal .boxGalbox { overflow: hidden; }

.boxGal .boxGalbox > div > ul { overflow: hidden; float: left; width: 50%; }

.boxGal .boxGalbox > div > ul > li { position: relative; padding-left: 25px; margin-bottom: 5px; }

.boxGal .boxGalbox > div > ul > li:before { content: "\f041"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; color: #fff; font-size: 15px; position: absolute; top: 0; left: 0; border-radius: 30px; background: #5b79b9; width: 20px; height: 20px; text-align: center; font-size: 12px; }

.boxGal .boxGalbox > div > ul > li strong { font-weight: normal; }

.boxGal .boxGalbox > div > ul .gaIco1:before { content: "\f007"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.boxGal .boxGalbox > div > ul .gaIco2:before { content: "\f017"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.boxGal .boxGalbox > div > ul .gaIco3:before { content: "\f017"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.boxGal .boxGalbox > div > ul .gaIco4:before { content: "\f0d6"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.boxGal .boxGalbox > div > ul .gaIco5:before { content: "\f1b9"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.boxGal .boxGalbox > div > ul .gaIco6:before { content: "\f095"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.boxGal .boxGalbox > div > ul .gaIco7:before { content: "\f041"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.boxGal .boxGalbox > div > ul .gaIco8 { word-break: break-all; }

.bokHead { background: #f4f5f7; padding: 15px; overflow: hidden; }

.bokHead .map { float: left; width: 60%; }

.bokHead .bankMap { float: left; width: 38%; margin-left: 2%; }

.bokHead .bankMap.type dt { font-weight: bold; color: #5b79b9; margin-top: 5px; }

.bokHead .bankMap dt, .bokHead .bankMap dd { padding-left: 25px; }

.bokHead .bankMap dt { margin-top: 10px; }

.bokHead .bankMap .pic img { display: inline-block; border: 3px solid #fff; }

.bokHead .bankMap .ad { position: relative; }

.bokHead .bankMap .ad:before { content: "\f041"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; color: #fff; font-size: 15px; position: absolute; top: 0; left: 0; border-radius: 30px; background: #5b79b9; width: 20px; height: 20px; text-align: center; }

.bokHead .bankMap .ph { position: relative; }

.bokHead .bankMap .ph:before { content: "\f095"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; color: #fff; font-size: 15px; position: absolute; top: 0; left: 0; border-radius: 30px; background: #5b79b9; width: 20px; height: 20px; text-align: center; }

.bokHead .bankMap .fx { position: relative; }

.bokHead .bankMap .fx:before { content: "\f1ac"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; color: #fff; font-size: 13px; position: absolute; top: 0; left: 0; border-radius: 30px; background: #5b79b9; width: 20px; height: 20px; text-align: center; }

.bokHead .bankMap .em { position: relative; }

.bokHead .bankMap .em:before { content: "\f003"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; color: #fff; font-size: 13px; position: absolute; top: 0; left: 0; border-radius: 30px; background: #5b79b9; width: 20px; height: 20px; text-align: center; }

.intro { background: #e2e9f8 url("/static/portal/img/cts/sub8/200192_1.jpg") no-repeat left top; min-height: 308px; background-size: auto 100%; }

.intro .person { min-height: 308px; background: url("/static/portal/img/cts/sub8/200192_9.gif") repeat-x left bottom; width: 100%; display: inline-block; position: relative; }

.intro .person:before { content: ""; background: url("/static/portal/img/cts/sub8/200192_7.png") no-repeat 8% bottom; position: absolute; top: 0; left: 3%; width: 100%; height: 100%; }

.intro .person p { font-size: 13px; padding: 4% 1% 2% 48%; position: relative; margin-right: 4%; word-break: keep-all; }

.intro .person p:before { content: ""; background: url("/static/portal/img/cts/sub8/200192_3.png") no-repeat left top; width: 45px; height: 50px; display: inline-block; }

.intro .person p:after { content: ""; background: url("/static/portal/img/cts/sub8/200192_4.png") no-repeat left bottom; width: 45px; height: 55px; display: inline-block; position: absolute; bottom: 0; right: 0; }

.intro .person p span { font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; font-size: 25px; color: #5b79b9; display: block; font-weight: 400; line-height: 1.3; }

.intro .person p span span { color: #333; font-size: 14px; line-height: 1.5; margin-top: 5px; }

.introTxt .fsBg { font-size: 17px; }

.introTxt .sign { font-size: 13px; text-align: right; }

.introTxt .sign span { font-size: 24px; font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; }

.introTxt .fsb_point { line-height: 1.6; }

.introTxt > div { padding: 3% !important; }

.introTxt > div p { margin-bottom: 25px !important; }

.introTxt .muBg { background: #eaeef6 url("/static/portal/img/cts/sub5/200128_1.jpg") no-repeat left top; width: 160px; height: 160px; }

.introTxt .muBg1 { background: #a6a0a0 url("/static/portal/img/cts/sub5/200129_4.jpg") no-repeat right bottom; height: 166px; width: 271px; }

.chon { margin-bottom: 20px; }

.chon .img { display: block; float: left; margin-right: 20px; }

.chon .img img { border: 1px solid #dee0e6; }

.chon .boxStyle { display: block; overflow: hidden; background: #f4f5f7; padding: 14px; font-size: 14px; }

.imgNoBd { background: #f4f5f7; border: 1px solid #dedede; }

.imgNoBd .img { float: left; width: 80px; margin: 10px 20px 10px 10px; }

.imgNoBd .img .boxImg { padding: 8px; background: #fff; }

.imgNoBd dd.gigan { line-height: 1.3; }

.imgNoBd dd.gigan:before { content: "\e6B6"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; padding-right: 8px; }

.imgNoBd dd.gigan span { display: inline-block; }

.imgNoBd dd.h4 { padding-top: 20px; color: #5b79b9; }

.imgNoBd dd.h4:before { content: "\e617"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; padding-right: 5px; }

.imgNoBd .badge { display: none; }

.cheongStop { background: #3c4559 url("/static/portal/img/cts/sub8/200210_1.jpg") no-repeat 75% top; background-size: auto 100%; padding: 1% 4% 0 4%; min-height: 130px; color: #fff; letter-spacing: -1px; }

.cheongStop.bbs { padding: 6% 2% 0 2%; text-align: center; }

.cheongStop.bbs label { font-size: 18px; padding-right: 10px; }

.cheongStop.bbs select, .cheongStop.bbs .inpt_txt, .cheongStop.bbs button { color: #333; border: 3px solid #5b79b9; height: 45px; line-height: 45px; }

.cheongStop.bbs select { min-width: 120px; }

.cheongStop.bbs .b-sh { color: #fff; }

.cheongStop.type { padding: 5% 4%; }

.cheongStop.type .tit { font-size: 24px; }

.cheongStop.type .img { margin-top: 0; text-align: right; }

.cheongStop .tit { font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; font-size: 20px; letter-spacing: -1px; font-weight: 400; line-height: 1.4; }

.cheongStop .con { font-size: 14px; color: #dadada; }

.cheongStop .img { margin-top: 26px; text-align: right; }

.cheongStop a { color: #fff; }

.boxTxt { background: #3c4559 url("/static/portal/img/cts/sub8/200213_1.jpg") no-repeat right top; background-size: auto 100%; padding: 4% 50% 0 4%; min-height: 200px; color: #fff; letter-spacing: -1px; }

.boxTxt .tit { font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; font-size: 30px; letter-spacing: -1px; font-weight: 400; line-height: 30px; display: block; margin-bottom: 15px; }

.boxTxt .cor1 { color: #aee9fe; }

.boxTxt .cor2 { color: #d1e0ff; }

.boxTxt .cor3 { color: #ffbdbd; }

.boxTxt a { color: #fff; }

.photoCon li { padding: 20px; border: 1px solid #dee0e6; overflow: hidden; margin-bottom: 12px; }

.photoCon li .img { float: left; margin-right: 20px; margin-bottom: 10px; }

.photoCon li .img img { max-width: 145px; float: left; }

.photoCon li .txt { overflow: hidden; display: block; }

.photoCon li .txt dt { font-weight: bold; font-size: 16px; margin-bottom: 10px; }

.muIntro { padding: 3%; background: #f4f5f7; }

.muIntro .muIntroBox { background: #f4f5f7 url("/static/portal/img/cts/sub5/200128.jpg") no-repeat left bottom; min-height: 350px; background-size: 91% auto; }

.muIntro .muIntroBox p { font-size: 13px; padding: 0 0 45px 34%; position: relative; margin-right: 2%; }

.muIntro .muIntroBox p:before { content: ""; background: url("/static/portal/img/cts/sub8/200192_3.png") no-repeat left top; width: 45px; height: 38px; display: inline-block; background-size: 90%; }

.muIntro .muIntroBox p:after { content: ""; background: url("/static/portal/img/cts/sub8/200192_4.png") no-repeat left bottom; width: 45px; height: 55px; display: inline-block; position: absolute; bottom: 0; right: 0; background-size: 90%; }

.muIntro .muIntroBox p span { font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; font-size: 26px; color: #5b79b9; display: block; font-weight: bold; line-height: 26px; font-weight: 500; }

.muIntro1 { background: url("/static/portal/img/cts/sub5/200129_1.jpg") no-repeat right bottom; min-height: 410px; position: relative; background-size: 100%; }

.muIntro1 .muIntro1Txt { float: left; width: 250px; padding: 47px 25px; min-height: 350px; background: #000; display: none; }

.muIntro1 .muIntro1Txt p { font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; font-size: 22px; color: #fff; display: block; line-height: 1.5; /* font-weight:500; */ position: relative; }

.muIntro1 .muIntro1Txt p:before { content: ""; background: url("/static/portal/img/cts/sub5/200129_2.png") no-repeat left top; width: 45px; height: 38px; display: inline-block; background-size: 90%; }

.muIntro1 .muIntro1Txt p:after { content: ""; background: url("/static/portal/img/cts/sub5/200129_3.png") no-repeat left bottom; width: 45px; height: 55px; display: inline-block; position: absolute; bottom: -43px; right: 0; background-size: 90%; }

.muIntro1 .muIntro1Txt p span { display: block; }

.muIntro1 .muEx { position: absolute; bottom: 20px; right: 20px; }

.emailPolicyW { background: #27b1e0 url("/static/portal/img/cts/sub10/200230_1.jpg") no-repeat left top; position: relative; }

.emailPolicyW .emailPolicy { background: url("/static/portal/img/cts/sub10/200230_2.png") no-repeat right bottom; min-height: 220px; padding: 4% 50% 0 4%; background-size: 50%; }

.emailPolicyW .emailPolicy .tit { font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; font-size: 26px; color: #1f497d; display: block; font-weight: bold; line-height: 26px; font-weight: 500; }

.emailPolicyW .emailPolicy .cont { color: #415c96; }

.viewerDown { border: 1px solid #ddd; padding: 2%; overflow: hidden; }

.viewerDown ul { margin-left: -2%; width: 102%; }

.viewerDown ul li { float: left; margin-left: 2%; width: 18%; background: #d0e0f5; border: 1px solid #becae4; padding: 15px 10px 10px 10px; text-align: center; border-radius: 3px; height: 150px; }

.viewerDown ul li a { display: inline-block; }

.viewerDown ul li .img { text-align: center; display: block; margin-bottom: 5px; }

.viewerDown ul li .txt { display: block; text-transform: uppercase; color: #000; font-weight: 600; letter-spacing: 0; font-size: 13px; line-height: 14px; min-height: 45px; padding-top: 10px; }

.viewerDown ul li .b-down { padding: 3px 10px !important; font-weight: bold; height: auto !important; }

.officeW { border-top: 1px solid #ddd; margin-top: -5px !important; float: left; width: 100%; }

.officeW h2 { padding-left: 35px; color: #000 !important; }

.officeW h2.flag1 { background: url(/static/portal/img/cts/sub1/200226_flag1.gif) no-repeat left center; }

.officeW h2.flag2 { background: url(/static/portal/img/cts/sub1/200226_flag2.gif) no-repeat left center; }

.officeW h2.flag3 { background: url(/static/portal/img/cts/sub1/200226_flag3.gif) no-repeat left center; }

.officeW h2.flag4 { background: url(/static/portal/img/cts/sub1/200226_flag4.gif) no-repeat left center; }

.officeW h2.flag5 { background: url(/static/portal/img/cts/sub1/200226_flag5.gif) no-repeat left center; }

.officeW h3 { color: #5b79b9 !important; }

.officeW h3:first-child { margin-top: 0 !important; }

.officeW h3:before { content: "" !important; display: none !important; }

.officeW .office > li { overflow: hidden; background: url(/static/portal/img/common/dot.gif) repeat-x left bottom; padding-bottom: 20px; }

.officeW .office > li .img { float: left; width: 38%; margin-right: 2%; }

.officeW .office > li .txt { float: left; width: 60%; }

.officeW .office .bu { margin-left: 0; }

.officeW .office .bu .dt { font-weight: bold; display: block; float: left; margin-right: 5px; }

.officeW .office .bu .dt:after { content: ":"; padding-right: 5px; display: inline-block; }

.officeW .office .bu .con { display: block; overflow: hidden; }

.mhistory > ul > li { border-top: 1px solid #dee0e6; clear: both; padding: 20px 10px; overflow: hidden; }

.mhistory > ul > li .ye { float: left; }

.mhistory > ul > li .ye em { float: left; color: #5b79b9; font-size: 20px; width: 63px; /* line-height:30px; */ }

.mhistory > ul > li .con { overflow: hidden; padding-top: 4px; }

.mhistory > ul > li .con > p { float: left; margin-bottom: 0 !important; }

.mhistory > ul > li .con > p .mth { float: left; display: block; width: 30px; color: #5b79b9; font-weight: bold; }

.mhistory > ul > li .con > p .ex { display: block; overflow: hidden; line-height: 139%; /* background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px; */ padding-left: 10px; margin-bottom: 5px; margin-top: 3px; }

.mhistory > ul > li .con > ul { float: left; /* padding-top:2px; */ }

.mhistory > ul > li .con > ul li .mth { float: left; display: block; width: 30px; color: #5b79b9; font-weight: bold; text-align: right; padding-right: 10px; }

.mhistory > ul > li .con > ul li .ex { display: block; overflow: hidden; /* line-height: 139%;background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px;*/ padding-left: 10px; margin-bottom: 5px; }

.mhistory > ul > li .con > ul li .ex:first-child { padding-top: 2px; }

.ckCont { display: none; }

.ckCont.on { display: block; }

.imgAsize1 { width: 40%; }

.imgAsize2 { width: 25%; }

.fs { font-size: 0.9em; }

.fsb { font-size: 16px; line-height: 1.4; }

.fsb_point { font-size: 16px; line-height: 1.4; color: #5b79b9; font-weight: bold; }

.imgAuto { width: auto !important; }

.posMap { word-break: keep-all; }

.posMap .h3 { margin-bottom: 5px; font-size: 20px; }

.posMap .h3 .badge { width: 30px; line-height: 30px; text-align: center; background-color: #4d6f9b; vertical-align: middle; }

.posMap hr { margin: 10px 0; }

.modal.sliderLyBx { width: 100%; height: 100%; }

.modal.sliderLyBx.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, 35%); }

.modal.sliderLyBx.in .modal-dialog { transform: translate(0, 0); }

#content .modal.sliderLyBx h4 { background: none; color: #fff; border: none; text-align: center; position: absolute; z-index: 20; top: 0; width: 100%; }

#content .modal.sliderLyBx h4 span { display: inline-block; line-height: 40px; background-color: rgba(0, 0, 0, 0.6); border-radius: 30px; padding: 0 40px; }

.modal.sliderLyBx .modal-content { background: none; box-shadow: none; border: none; }

.modal.sliderLyBx .modal-dialog { max-width: none; width: auto; float: left; width: 100%; }

.visualW { position: relative; height: 100%; margin-bottom: 20px; float: left; width: 100%; }

.visualW .h100p { height: 100%; width: auto; }

.visualW .ratio-4x3 { padding-bottom: 70%; }

.visualW .ratio-4x4 { padding-bottom: 100%; }

.visualW .ratioObject.bg100p { background-size: 100% 100% !important; background-position: 0; }

.visualW .urlLink { position: absolute; z-index: 20; left: 0px; font-size: 20px; color: #fff; font-weight: 500; font-family: Arial,sans-serif; }

.visualW .photoNumber { position: absolute; z-index: 20; right: 50px; font-size: 20px; color: #fff; font-weight: 500; font-family: Arial,sans-serif; }

.visualW .close { width: 40px; height: 40px; position: absolute; right: 0; top: 0; z-index: 30; background-color: rgba(255, 255, 255, 0.6); }

.visualW .visualSet { display: block; width: 100%; height: 100%; text-align: center; max-width: 800px; margin: 0 auto; position: relative; overflow: hidden; }
.visualW .visualSet.wtype{max-width:550px;}

.visualW .visual { position: relative; }

.visualW .visual button:focus, .visualW .visual button:active, .visualW .visual a:focus, .visualW .visual a:active { border: 1px dotted #000; }

.visualW .visual a { display: block; }

.visualW .visual .visualSliders { height: 100%; }

.visualW .visual .slick-list { margin: 40px -50px 0 -50px; overflow: hidden; }

.visualW .visual .vsItem { float: left; max-height: 710px; text-align: center; }
.visualW .visual .vsItem_1 { float: left; max-height: 100%; text-align: center; }
.visualW .visual .imgInfos { position: absolute; z-index: 10; color: #fff; bottom: 0; display: block; width: 100%; height: 240px; background: url(/static/portal/img/main/visual_bg.png) repeat-x 0 100%; padding: 124px 50px 0 50px; }

.visualW .visual .imgInfos .title { font-size: 27px; display: block; letter-spacing: -2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }

.visualW .visual .imgInfos .desc { font-size: 15px; display: inline-block; width: 100%; height: 45px; overflow: hidden; }

.visualW .visual .slick-dots { text-align: center; height: 50px; float: left; width: 100%; position: absolute; bottom: 0; }

.visualW .visual .visualCtr button { position: absolute; z-index: 10; width: 40px; height: 40px; top: 45%; }

.visualW .visual .visualCtr button.visualStop { display: inline-block; background: url(/static/portal/img/submain/cyMuseum/btn_slide_stop1.png) no-repeat center center; width: 11px; height: 50px; padding: 10px; }

.visualW .visual .visualCtr button.visualPlay { display: inline-block; background: url(/static/portal/img/submain/cyMuseum/btn_slide_play1.png) no-repeat center center; width: 11px; height: 50px; display: none; padding: 10px; }

.visualW .visual .visualCtr button.visualNext { background: url(/static/portal/img/submain/cyMuseum/btn_slide_next.png) no-repeat left center; right: 0; }

.visualW .visual .visualCtr button.visualPrev { background: url(/static/portal/img/submain/cyMuseum/btn_slide_prev.png) no-repeat left center; left: 0; }

.visualW .slick-arrow { text-indent: -9999em; z-index: 10; }

.visualW .slick-dots > li { display: inline-block; background: url(/static/portal/img/submain/cyMuseum/num_off.png) no-repeat left center; width: 15px; height: 50px; margin: 2px; }

.visualW .slick-dots > li.slick-active { background: url(/static/portal/img/submain/cyMuseum/num_on.png) no-repeat left center; width: 30px; height: 50px; }

.visualW .slick-dots > li.slick-active button em { display: block; }

.visualW .slick-dots > li button { text-indent: -999em; display: block; width: 100%; height: 100%; }

.visualW .slick-dots > li button em { display: none; }

.visualW .slick-dots > li button:focus, .visualW .slick-dots > li button:active { border: 1px dotted #000; }

.eduIntroW { overflow: hidden; }

.eduIntroW .eduIntro { border: 1px solid #dee0e6; padding: 15px 30px; }

.eduIntroW .eduIntro.on { background: #fbfbfc; border-bottom: 2px solid #5b79b9; }

.eduIntroW .eduIntro .eiTit { font-size: 21px; font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; font-weight: 600; border-bottom: 1px solid #dee0e6; padding-bottom: 8px; margin-bottom: 10px; letter-spacing: -1px; }

.eduIntroW .eduIntro .eiTit a { color: #1f497d; font-weight: 500; }

.eduIntroW .eduIntro .eiList { height: 60px; overflow: hidden; padding: 0 15px; }

.eduIntroW .eduIntro .eiList.type { height: 315px; }

.eduIntroW .eduIntro .eiList.type1 { height: 290px; }

.eduIntroW .eduIntro .eiList.on { height: auto; }

.eduIntroW .eduIntro .eiList ul { overflow: hidden; }

.eduIntroW .eduIntro .eiList ul li { float: left; width: 48%; margin-right: 2%; line-height: 2.0; }

.eduIntroW .eduIntro .eiList ul li.nofile { width: 100%; margin: 30px 0 0 0; }

.eduIntroW .eduIntro .eiList ul li a { font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; color: #000; font-weight: 600; }

.eduIntroW .eduIntro .eiList ul.eibu > li > ul > li { background: url(/static/portal/img/common/bu1.gif) no-repeat left 10px; padding-left: 8px; }

.eduIntroW .eduIntro .eiList ul.eibu > li > ul > li a { font-size: 13px; font-weight: 100; }

.eduIntroW .eduIntro .eiList ul.eibu > li > ul.eibu1 > li { width: 98%; float: none; }

.eduIntroW .eduIntro .eiList .eduLine { border-top: 1px solid #ddd; padding: 10px 0 0 0; margin-top: 10px; }

.eduIntroW .eduIntro .eiMore { display: block; text-align: center; clear: both; margin-top: 10px; }

.eduIntroW .eduIntro .eiMore a { color: #5b79b9; font-size: 14px; padding-right: 20px; }

.eduIntroW .eduIntro .eiMore a .arr { display: inline-block; position: relative; }

.eduIntroW .eduIntro .eiMore a .arr:after { display: inline-block; content: "\f0dd"; color: #325192; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; width: 10px; height: 10px; padding-left: 6px; position: absolute; top: -2px; }

.eduIntroW .eduIntro .eiMore a .arr.on { font-weight: bold; }

.eduIntroW .eduIntro .eiMore a .arr.on:after { display: inline-block; content: "\f0d8"; color: #325192; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; width: 10px; height: 10px; padding-left: 6px; position: absolute; top: -1px; }

.viewLine .NewDown.on { height: auto; }

.viewLine .NewDown .NewAddfile.on { height: auto; }

.viewLine .eiMore { display: block; text-align: center; clear: both; margin-top: 10px; border-bottom: 1px solid #dee0e6;}

.viewLine .eiMore a { color: #5b79b9; font-size: 14px; padding-right: 20px; }

.viewLine .eiMore a .arr { display: inline-block; position: relative; }

.viewLine .eiMore a .arr:after { display: inline-block; content: "\f0dd"; color: #325192; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; width: 10px; height: 10px; padding-left: 6px; position: absolute; top: -2px; }

.viewLine .eiMore a .arr.on { font-weight: bold; }

.viewLine .eiMore a .arr.on:after { display: inline-block; content: "\f0d8"; color: #325192; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; width: 10px; height: 10px; padding-left: 6px; position: absolute; top: -1px; }

@media (max-width: 1023px) { .manager { margin-bottom: 30px; }
	.history dd strong { display: block; float: none; }
	.viewerDown ul li { float: left; margin-left: 2%; width: 48%; margin-bottom: 15px; }
	.sh_con .shTab { top: 40px; left: -0; }
	.intro .person:before { left: 0; }
	.siteList1 > div:nth-child(4n+1) { clear: none; }
	.siteList1 > div:nth-child(3n+1) { clear: both; } }

@media (max-width: 767px) { .bokHead .map { width: 100%; }
	.bokHead .bankMap { width: 100%; margin: 20px 0 0 0; }
	.keyWordBd .keyWdHd, .keyWordBd .keyword { width: 100%; }
	.posMap .round5 { font-size: 15px; width: 36px; height: 36px; line-height: 34px; top: -10px; right: 10px; }
	.posMap .round5.floor1 { top: 10px; }
	.posMap .round5.floor2 { top: 55px; }
	.posMap .round5.floor3 { top: 100px; }
	.floorList { padding: 2%; font-size: 13px; }
	.floorList ul li { width: 50%; padding-left: 25px; }
	.floorList ul li .badge.round4 { width: 20px; height: 20px; line-height: 20px; margin-left: -25px; }
	.imgMapLink li { width: 20px; height: 20px; }
	.imgMapLink li .badge { margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; line-height: 18px; font-size: 10px; padding: 0; }
	.members.idFind .idfdRad { text-align: left; }
	.members.idFind .login { width: 80%; }
	.members.idFind .login .loginF > span { margin: 0; }
	.indicator a { height: 155px; /* padding-top:20%; */ }
	.indicator a .no { font-size: 2.3em; }
	.indicator a .txt { font-size: 1em; }
	.calendarWrap.type1 table.tiNone tbody td ul li a { background: #fff; color: #fff; width: 100%; height: 36px; }
	.calendarWrap.type1 table.tiNone tbody td ul li a:before { display: block; content: "\e62f"; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; color: #fff; width: 100%; height: 32px; line-height: 32px; background: #5b79b9; text-align: center; }
	.calendarWrap table li { padding-left: 0; }
	.calendarWrap .box2 { padding: 10px; }
	.calendarWrap .box2 > ul > li { padding: 5px; }
	.coinimgtxt .img, .coinimgtxt .table { width: 100%; }
	.coinimgtxt.type .img p { height: auto; }
	.ciH, .ciH2 { min-height: inherit; }
	.intro { background-image: none; }
	.intro .person { background-position: center bottom; background-size: auto 190px; padding: 0 5% 170px 5%; }
	.intro .person:before { position: absolute; top: 0; left: 50%; margin-left: -130px; width: 300px; background-size: 65%; }
	.intro .person p { padding: 3% 3% 30px 3%; }
	.introTxt .mb { margin-bottom: 0 !important; }
	.cheongStop .img { margin-top: 0; }
	.cheongStop.bbs { padding: 3% 2% 3% 2%; text-align: center; background-image: none !important; }
	.cheongStop.bbs label { display: block; }
	.cheongStop.bbs select, .cheongStop.bbs .inpt_txt { margin-bottom: 5px; }
	.cheongStop.bbs select { width: 100%; }
	.cheongStop.bbs .inpt_txt { width: 100%; }
	.intro_area .img { float: none; margin-right: 0; text-align: center; }
	.intro_area .txt > .titType > span { display: inline; }
	.photoCon li { padding: 10px; }
	.photoCon li .img { float: left; margin-right: 20px; }
	.photoCon li .img img { max-width: 95px; float: left; }
	.boxType3 { background-position: center top; padding: 160px 15px 15px 15px; }
	.muIntro .muIntroBox { padding-bottom: 130px; }
	.muIntro .muIntroBox p { padding: 0 0 45px 0; }
	.muIntro1 { background: url("/static/portal/img/cts/sub5/200129_1.jpg") no-repeat right bottom; background-size: 100%; min-height: 200px; }
	.muIntro1 .muIntro1Txt { float: none; width: auto; padding: 20px; min-height: auto; }
	.muIntro1 .muIntro1Txt p { display: block; line-height: 1.5; text-align: center; }
	.muIntro1 .muIntro1Txt p:after { bottom: 0; }
	.muIntro1 .muIntro1Txt p span { display: inline; }
	.muIntro1 .muEx { position: absolute; bottom: 20px; right: 20px; }
	.emailPolicyW { background-size: 100% 100%; }
	.emailPolicyW .emailPolicy { padding: 20px 20px 220px 20px; background-size: auto; }
	.imgAsize1, .imgAsize2 { width: 90%; }
	.commCoin td { display: block; overflow: hidden; padding: 9px !important; background: #fafafa !important; }
	.commCoin td:first-child { background: #fff !important; }
	.boxTxt { padding: 4%; background-image: none; min-height: auto; }
	.boxTxt .tit { font-size: 24px; margin-bottom: 10px; }
	.boxType4 { padding: 2% 20% 0; }
	.boxType4 .titBox { height: 86%; }
	.con_200431 dl { min-height: 106px; }
	.con_200431 dt { font-size: 1em; width: 10%; height: auto; padding-bottom: 15px; }
	.con_200431 dt span { display: inline-block; width: 50px; padding-left: 4px; padding-top: 58px; background-size: 50px; }
	.con_200431 dd.tab, .con_200431 dd.typebrown, .con_200431 dd.faq { width: 90%; }
	.officeW .office > li .img { float: left; width: 100%; margin-right: 0; }
	.officeW .office > li .txt { float: left; width: 100%; }
	.mhistory > ul > li .ye { float: none; overflow: hidden; }
	.mhistory > ul > li .con { clear: both; margin-top: 10px; }
	.serList1 li .img { float: left; width: 100%; margin-right: 0; }
	.serList1 li .img + .txt { float: left; width: 100%; min-height: 0; border-top: 0; }
	.serList1 li > .txt { border-top: 0; }
	.boxGal .boxGalbox > div > ul { overflow: hidden; float: none; width: 100%; }
	.siteList1.row > .col { padding: 5px; }
	.siteList1.row > .col:nth-child(2n+1) { clear: both; }
	.siteList1.row > .col:nth-child(3n+1) { clear: none; }
	.siteList1.row > .col > a > .name { font-size: 13px; letter-spacing: -1px; }
	.m_box > li .onlyimg { float: none; }
	.m_box.type .imgW { width: auto; }
	.m_box.type .txtType { width: 98%; margin-top: 10px; }
	.m_box.type1 .imgW { width: auto; min-width: 275px; }
	.m_box.type1 .txtType { width: 98%; margin-top: 10px; }
	.m_box.type2 .imgW { width: auto; min-width: 275px; }
	.m_box.type2 .txtType { width: 98%; margin-top: 10px; }
	.m_box > li .imgW { width: auto; min-width: 290px; }
	.m_box > li .txtType { width: 98%; margin-top: 10px; }
	#content .modal.sliderLyBx h4 { font-size: 15px; line-height: 18px; text-align: center; padding: 0 100px 0 30px; overflow: hidden; }
	#content .modal.sliderLyBx .photoNumber { font-size: 13px; }
	.eduIntroW .eduIntro .eiList ul li ul li { float: none; width: 98%; } }

@media (max-width: 480px) { .muIntro .muIntroBox { min-height: auto; }
	.lawTab .lawTab_d1 { float: none; width: 100%; padding: 15px 15px 5px 15px; overflow: hidden; }
	.lawTab .lawTab_d1 li { float: left; width: 48%; height: 37px; margin: 0 1%; text-align: center; }
	.lawTab .lawTab_d1 li.active:after { content: ""; display: inline-block; background: url(/static/portal/img/cts/sub5/law_arr1.png) no-repeat left top; position: absolute; bottom: -9px; top: inherit !important; right: inherit !important; left: 47%; width: 12px; height: 6px; }
	.lawTab .lawTab_d1 li.active a { padding: 5px; }
	.lawTab .lawTab_d2 { float: none; width: 100%; height: 170px; }
	.photoCon li .txt { overflow: visible; }
	.photoCon li .txt dd { clear: both; }
	.coinimgtxt { overflow: hidden; }
	.coinimgtxt.type .img.img2 img { max-width: 100px; }
	.dlbox dt, .dlbox dd { padding: 8px; display: block; }
	.dlbox dt { width: 100%; }
	.dlbox dd { width: 100%; }
	.serType { padding-left: 0; }
	.serType:before { display: none; }
	.ci_box li { font-size: 14px; letter-spacing: -1px; }
	.m_box.type .imgW { width: 98%; float: none; }
	.m_box.type1 .imgW { width: 98%; float: none; min-width: 1px; }
	.m_box.type1 .txtType { float: none; }
	.m_box.type2 .imgW { width: 98%; float: none; min-width: 1px; }
	.m_box.type2 .txtType { float: none; }
	.m_box > li .imgW { width: 98%; min-width: 1px; float: none; }
	.m_box > li .imgW .img.type { max-width: 100%; }
	.eduIntroW .eduIntro { padding: 15px; }
	.eduIntroW .eduIntro .eiList > ul { overflow: hidden; }
	.eduIntroW .eduIntro .eiList > ul > li { float: none; width: 100%; margin-right: 0; } }

.submain { max-width: 905px; margin: 0 auto; background: #fff; overflow: hidden; }

.submain h2 { color: #000 !important; font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; font-size: 22px !important; font-weight: 400; margin-bottom: 20px; }

.mainL { float: left; width: 52%; margin-right: 4%; }

.mainL h2 { margin: 0 0 10px 0 !important; line-height: 22px; }

.mainL .offInfo { border: 3px solid #dee0e6; background: #f7f7fa; padding: 12px; max-width: 467px; }

.mainL .offInfo .tabnavi { float: none !important; overflow: hidden; margin-bottom: 0 !important; }

.mainL .offInfo .tabnavi ul { overflow: hidden; }

.mainL .offInfo .tabnavi ul li { float: left; width: 25%; line-height: 33px; border: 1px solid #f4f5f7; letter-spacing: -1px; }

.mainL .offInfo .tabnavi ul li:before { display: none; }

.mainL .offInfo .tabnavi ul li.on a { border: 1px solid #5b79b9; background: #5b79b9; color: #fff; font-weight: bold; }

.mainL .offInfo .tabnavi ul li a { border: 1px solid #dee0e6; background: #fff; display: block; text-align: center; font-size: 14px; display: block; }

.mainL .offInfo .tabCont { margin-top: 0 !important; }

.mainL .offInfo .tabCont .Tab { display: none; }

.mainL .offInfo .tabCont .Tab > a { display: block; }

.mainL .offInfo .tabCont .Tab.on { display: block; }

.mainL .offInfo .tabCont .img { position: relative; line-height: 0; }

.mainL .offInfo .tabCont .img .txt { position: absolute; width: 100%; bottom: 0; padding: 4% 4% 4% 10%; background: rgba(17, 43, 75, 0.7); color: #fff; font-size: 13px; line-height: 1.6; }

.mainL .offInfo .tabCont .img .txt:before { content: ""; display: inline-block; background: url(/static/portal/img/submain/rgHqt/ico.png) no-repeat left top; width: 20px; height: 30px; position: absolute; top: 20%; left: 4%; }

.mainL .offInfo .tabCont .img .txt > p { margin-bottom: 0 !important; }

.mainL .offInfo .tabCont .img .txt .em { font-size: 16px; font-weight: bold; }

.mainL .offInfo .tabCont .img .txt .em > span { color: #47ceff; }

.mainL .offInfo .tabCont .map { line-height: 0; }

.mainR { float: right; width: 44%; }

.mainR h2 { margin: 0 0 10px 0 !important; line-height: 22px; }

.mainR .subNotice .ntCon { background: url(/static/portal/img/common/dot.gif) repeat-x left bottom; border-top: 2px solid #484d58; padding: 15px 0; margin-bottom: 15px; }

.mainR .subNotice .ntCon span { display: block; }

.mainR .subNotice .ntCon .tit { font-weight: bold; }

.mainR .subNotice .ntCon .date { color: #666; font-size: 13px; }

.mainR .subNotice .ntCon .txt { color: #666; font-size: 14px; height: 65px; overflow: hidden; margin-top: 10px; }

.mainR .subNotice .ntCon .txt p { margin-bottom: 0 !important; }

.mainR .ntList > ul > li > a { display: block; background: url(/static/portal/img/submain/rgHqt/bu1.gif) no-repeat left 15px; padding-left: 10px; color: #666; line-height: 30px; position: relative; font-size: 14px; text-decoration: none; }

.mainR .ntList > ul > li .em { color: #5b79b9; font-weight: bold; }

.mainR .ntList > ul > li .con { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-right: 85px; }

.mainR .ntList > ul > li .date { position: absolute; top: 0; right: 0; }

.mainR .tabInfo { height: 230px; background: url(/static/portal/img/common/line.gif) repeat-x left 45px; margin-top: 35px; }

.mainR .tabInfo > ul { position: relative; }

.mainR .tabInfo > ul > li:first-child > a { background: none; }

.mainR .tabInfo > ul > li > a { display: inline-block; text-align: center; color: #5c5c5c; letter-spacing: -1px; padding: 7px 0; float: left; padding: 10px 10px; background: url(/static/portal/img/common/tabLine.gif) no-repeat left center; }

.mainR .tabInfo > ul > li > a.on { color: #1f497d; font-weight: bold; border-bottom: 3px solid #1f497d; }

.mainR .tabInfo > ul > li .tabInfoArea { position: absolute; top: 45px; left: 0; width: 100%; padding: 13px 0 0 0; height: 400px; display: none; }

.mainR .tabInfo > ul > li .tabInfoArea li { float: none; overflow: hidden; }

/*
.mainR .tab2Info_1 { float:left ; width:100%; background: url(/static/portal/img/common/line.gif) repeat-x left 45px; margin-top: 35px; height:50px}

.mainR .tab2Info_1 > ul > li:first-child > a { background: none; }

.mainR .tab2Info_1 > ul > li > a { display: inline-block; text-align: center; color: #5c5c5c; letter-spacing: -1px; padding: 3px 0; float: left; padding: 10px 10px; background: url(/static/portal/img/common/tabLine.gif) no-repeat left center; }

.mainR .tab2Info_1 > ul > li > a.on { color: #1f497d; font-weight: bold; border-bottom: 3px solid #1f497d; }

.mainR .tab2Info_1 > ul > li .tabInfoArea { position: absolute; top: 45px; left: 0; width: 100%; padding: 13px 0 0 0;  height: 100px; display: none; }

.mainR .tab2Info_1 > ul > li .tabInfoArea li { float: none; overflow: hidden; }


.mainR .tab3Info { height:400px}

.mainR .tab3Info > ul { position: relative; }

.mainR .tab3Info > ul > li:first-child > a { background: none; }

.mainR .tab3Info > ul > li > a { display: inline-block; text-align: center; color: #5c5c5c; letter-spacing: -1px; padding: 3px 0; float: left; padding: 10px 10px;}

.mainR .tab3Info > ul > li > a.on { color: #1f497d; font-weight: bold; border-bottom: 3px solid #1f497d; }

.mainR .tab3Info > ul > li .tabInfoArea { position: absolute; top: 0px; left: 0; width: 100%; padding: 0 0 0 0; height: 400px; display: none; }

.mainR .tab3Info > ul > li .tabInfoArea li { float: none; overflow: hidden; }
*/
.mainR .tab2Info { height: 250px; background: url(/static/portal/img/common/line.gif) repeat-x left 45px; margin-top: 35px; }

.mainR .tab2Info > ul { position: relative; }

.mainR .tab2Info > ul > li:first-child > a { background: none; }

.mainR .tab2Info > ul > li > a { display: inline-block; text-align: center; color: #5c5c5c; letter-spacing: -1px; float: left; padding: 10px 6px; background: url(/static/portal/img/common/tabLine.gif) no-repeat left center; }

.mainR .tab2Info > ul > li > a.on { color: #1f497d; font-weight: bold; border-bottom: 3px solid #1f497d; }

.mainR .tab2Info > ul > li .tabInfoArea { position: absolute; top: 45px; left: 0; width: 100%; padding: 13px 0 0 0; height: 400px; display: none; }

.mainR .tab2Info > ul > li .tabInfoArea li { float: none; overflow: hidden; }

@media (max-width: 347px){
	.mainR .tab2Info > ul > li > a { display: inline-block; text-align: center; color: #5c5c5c; letter-spacing: -1px; float: left; padding: 10px 1px; background: url(/static/portal/img/common/tabLine.gif) no-repeat left center; }
}

/* 지역본부 */
.subNotice > .title{
	margin-top:25px;
	font-size:15px !important;
	color: #1f497d;
    font-weight: bold;
    border-bottom: 3px solid #1f497d;
    letter-spacing: -1px;
    padding: 0 0 10px 3px;
    line-height:1;
}
.popupSet .popupArea { position: relative; }
	.popupSet .bu { font-size: 13px; margin-left: 0; }
	.popupSet .popup { overflow: hidden; }
	.popupSet .popup ul li { float: left; font-size: 13px; }
	.popupSet .popup a img { max-width: inherit; width: 100%; vertical-align:top;}
	.popupSet .popup .slick-dots { position: absolute; top: -10px; right: 22px; }
	.popupSet .popup .bu li { font-size: 14px; }
	.popupSet .popup .popupCtr { position: absolute; top: 0; right: 0; }
	.popupSet .popup .popupStop { display: inline-block; background: url(/static/portal/img/submain/btn_stop.gif) no-repeat center 10px; width: 11px; height: 50px; padding: 10px; }
	.popupSet .popup .popupPlay { display: inline-block; background: url(/static/portal/img/submain/cyMuseum/btn_play.png) no-repeat center 10px; width: 11px; height: 50px; padding: 10px; display: none; }
	.popupSet .slick-dots > li { display: inline-block; background: url(/static/portal/img/submain/num_off.png) no-repeat left center; width: 15px; height: 50px; margin: 2px; }
	.popupSet .slick-dots > li.slick-active { background: url(/static/portal/img/submain/num_on.png) no-repeat left center; width: 30px; height: 50px; }
	.popupSet .slick-dots > li.slick-active button em { display: block; }
	.popupSet .slick-dots > li button { text-indent: -999em; display: block; width: 100%; height: 100%; }
	.popupSet .slick-dots > li button em { display: none; }
	.popupSet .slick-dots > li button:focus,
	.popupSet .slick-dots > li button:active { border: 1px dotted #000;}

/* sitemap */
.sitemap > li:nth-child(4n+1) { clear: both; }

@media (max-width: 1023px) { .sitemap > li:nth-child(4n+1) { clear: none; } }

@media (max-width: 1023px) { .sitemap > li { clear: none; }
	.sitemap > li:nth-child(3n+1) { clear: both; } }

@media (max-width: 767px) { .sitemap > li { clear: none; }
	.sitemap > li:nth-child(3n+1) { clear: none; }
	.sitemap > li:nth-child(2n+1) { clear: both; } }

.sitemap li { padding: 0 1% 1% 1%; }

.sitemap li > div { background: #f3f3f3; overflow: hidden; }

.sitemap li > div .title { margin-bottom: 10px; }

.sitemap li > div .title a { display: block; text-align: center; border-bottom: 1px solid #ddd; font-weight: bold; color: #3679C1; padding: 12px 0; }

.sitemap li > div > ul { padding: 0 10px; }

.sitemap li > div > ul a { display: block; }

.sitemap li > div > ul > li { line-height: 139%; clear: both; background: url("/static/portal/img/common/bu1.gif") no-repeat left 8px; padding-left: 10px; margin-bottom: 5px; }

.sitemap li > div > ul > li > ul > li { background: url("/static/portal/img/common/bu2.gif") no-repeat left 12px; padding-left: 10px; font-size: 0.95em; margin-bottom: 0; }

.regionalQuarts { position: absolute; z-index: 2; float: right; width: 190px; top: 20px; right: 0; }

.regionalQuarts a { display: block; font-size: 14px; line-height: 40px; color: #fff; font-weight: 400; }

.regionalQuarts > a { text-align: center; background: #5b79b9 url(/static/portal/img/common/regionArr.gif) no-repeat 90% 50%; }

.regionalQuarts.on .regionalQtList { display: block; }

.regionalQuarts .regionalQtList { position: absolute; width: 100%; border: 1px solid #dee0e6; background-color: #fff; padding: 5px 0; display: none; }

.regionalQuarts .regionalQtList a { background: #fff url(/static/portal/img/common/bu1.gif) no-repeat 20px 50%; color: #000; line-height: 30px; padding-left: 30px; }


.regionalNewQuarts { position: absolute; z-index: 2; float: right; width: 190px; top: 530px; right: 50px; }

.regionalNewQuarts a { display: block; font-size: 14px; line-height: 40px; color: #fff; font-weight: 400; }

.regionalNewQuarts > a { text-align: center; background: #5b79b9 url(/static/portal/img/common/regionArr.gif) no-repeat 90% 50%; }

.regionalNewQuarts.on .regionalQtList { display: block; }

.regionalNewQuarts .regionalQtList { position: absolute; width: 100%; border: 1px solid #dee0e6; background-color: #fff; padding: 5px 0; display: none; }

.regionalNewQuarts .regionalQtList a { background: #fff url(/static/portal/img/common/bu1.gif) no-repeat 20px 50%; color: #000; line-height: 30px; padding-left: 30px; }


@media (max-width: 1023px) { .mainL .offInfo .tabCont img { width: 100%; }
	.boxType5 { padding-top: 0; }
	.boxType5 .titBox { padding: 0 50px !important; }
	.regionalQuarts { right: 70px; } }

@media (max-width: 767px) { .reservation tbody td { padding: 15px 1px !important; }
	.reservation .reserveOn, .reservation .reserveOff, .reservation .off, .reservation button { padding: 0 2px; font-size: 13px; }
	.reservation table li { padding-left: 0; }
	.reservation table li a { font-size: 12px; text-align: center; }
	.reservation table li a.on:after { margin-right: 0; }
	.sitemap > ul > li > a { padding-left: 0; text-align: center; }
	.sitemap > ul > li > a:before { display: block; margin: 0 auto; }
	.sitemap > ul > li > ul > li { width: 49%; }
	.mainL { float: left; width: 96%; margin: 2%; }
	.mainL .offInfo { max-width: inherit; }
	.mainL .offInfo .tabnavi ul { overflow: hidden; }
	.mainL .offInfo .tabnavi ul li { display: table; line-height: 1.3; height: 50px; }
	.mainL .offInfo .tabnavi ul li a { display: table-cell; line-height: 1.3; height: 50px; vertical-align: middle; width: 100%; }
	.mainL .offInfo .tabCont { display: none; }
	.mainR { float: left; width: 96%; margin: 2%; }
	.snsLinkSet { margin-top: -60px; }
	.regionalQuarts { top: 55px; right: 3%; }
	.regionalNewQuarts { width: 130px; top: 450px; right: 0;}
	#org .org4 { width: auto; letter-spacing: -1px; } }

@media (max-width: 480px) { .regionalQuarts a { line-height: 30px; }
							.regionalNewQuarts a { line-height: 30px; width: 120px; top: 440px; right: 3%;}}

@media (max-width: 765px) { #org .a2-1:after { top: 13px; background: #ddd; }
	.userType .auth.type1 .LogBox .infoArea .bg1, .userType .auth.type1 .LogBox .infoArea .bg2 { background-size: 60px; padding-left: 30%; }
	.LogBox .infoSns i { width: 60px; height: 60px; background-size: 100%; }
	.icon-snsL1 { background: url(/static/portal/img/sprite/snsL1.png) no-repeat 0 0; }
	.icon-snsL2 { background: url(/static/portal/img/sprite/snsL2.png) no-repeat 0 0; }
	.icon-snsL3 { background: url(/static/portal/img/sprite/snsL3.png) no-repeat 0 0; }
	.icon-snsL4 { background: url(/static/portal/img/sprite/snsL4.png) no-repeat 0 0; }
	.icon-snsL5 { background: url(/static/portal/img/sprite/snsL5.png) no-repeat 0 0; }
	.icon-snsL6 { background: url(/static/portal/img/sprite/snsL6.png) no-repeat 0 0; } }

@media print { body { background-color: #fff; background-image: none; }
	#wrap { width: auto; }
	#header { display: none; }
	.lnb { height: auto; background: none !important; padding: 0; }
	.lnb .hgroup { height: auto; padding: 0; }
	.lnb .hgroup h1 { text-align: left; font-size: 28px; border-bottom: 1px solid #757575; }
	.lnb .hgroup .deco, .lnb .set, .pagetop, #footer { display: none; }
	#content { padding: 40px 0 0 0; } }

@media (min-width: 768px){
	.divBoth{}
	.divBoth::before {
		content: '';
		display:table;
		width:100%;clear:both;height:0;overflow:hidden;
		
	}
	.divBoth .left{float:left;width:50%;}
	.divBoth .right{float:right;width:50%;}

	.rightImg{ position:relative; padding-right:200px;min-height: 100px}
	.rightImg img{position:absolute;right:0;top:0;}
}

/*# sourceMappingURL=default.css.map */