@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: #5280e1; }

.fc_cobalt { color: #02728D; }

.fc_red { color: #ea5a59; }

.fc_green { color: #3A7525; }

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

.fc2, .point { color: #5b79b9; padding-bottom: 10px; font-weight: bold;}

.fc_bold { font-weight: bold; }

.mus_body { font-size: 14px; padding-top: 10px; padding-bottom: 5px; }

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: 13px; 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; }

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

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

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

.row .col { padding: 10px; }

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

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

.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: 124.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; }

@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 { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; animation-duration: .4s; animation-fill-mode: both; }

/*  @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/eng/img/iconset.png); background-position: 0px -387px; width: 16px; height: 13px; }

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

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

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

.icon-img { background-image: url(/static/eng/img/iconset.png); background-position: -386px -225px; width: 24px; height: 23px; }

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

.icon-pagingl { background-image: url(/static/eng/img/iconset.png); background-position: -78px -218px; width: 40px; height: 40px; }

.icon-pagingll { background-image: url(/static/eng/img/iconset.png); background-position: -258px -218px; width: 40px; height: 40px; }

.icon-pagingr { background-image: url(/static/eng/img/iconset.png); background-position: -198px -218px; width: 40px; height: 40px; }

.icon-pagingrr { background-image: url(/static/eng/img/iconset.png); background-position: -138px -218px; width: 40px; height: 40px; }

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

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

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

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

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

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

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

.icon-sns1 { background-image: url(/static/eng/img/iconset.png); background-position: -329px -228px; width: 37px; height: 37px; }

.icon-sns2 { background-image: url(/static/eng/img/iconset.png); background-position: -329px 0px; width: 37px; height: 37px; }

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

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

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

.icon-snsL1 { background-image: url(/static/eng/img/iconset.png); background-position: -220px -109px; width: 89px; height: 89px; }

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

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

.icon-snsL4 { background-image: url(/static/eng/img/iconset.png); background-position: -220px 0px; width: 89px; height: 89px; }

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

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

.icon-snsLink1 { background-image: url(/static/eng/img/iconset.png); background-position: -165px -289px; width: 35px; height: 35px; }

.icon-snsLink2 { background-image: url(/static/eng/img/iconset.png); background-position: -220px -289px; width: 35px; height: 35px; }

.icon-snsLink3 { background-image: url(/static/eng/img/iconset.png); background-position: -275px -289px; width: 35px; height: 35px; }

.icon-snsLink4 { background-image: url(/static/eng/img/iconset.png); background-position: 0px -289px; width: 35px; height: 35px; }

.icon-snsLink5 { background-image: url(/static/eng/img/iconset.png); background-position: -55px -289px; width: 35px; height: 35px; }

.icon-snsLink6 { background-image: url(/static/eng/img/iconset.png); background-position: -110px -289px; width: 35px; height: 35px; }

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

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

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

.icon-xls { background-image: url(/static/eng/img/iconset.png); background-position: -386px -268px; 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%; }

img { max-width: 100%; }

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

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

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

.bdLine .bar, .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; }

#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: 110px; background: #0e4385 url(/static/eng/img/common/header_bg.gif) repeat-y; }

#header .menuRtSet a, #header .gnb a, #header .globalSite a { color: #fff; }

#header .imer a { color: #42cdff; }

#header .korean { display: inline-block; vertical-align: middle; width: 19px; height: 13px; background: url(/static/eng/img/common/kor.gif); }

#header .subSet a { color: #333; }

.globalHeader { line-height: 39px; }

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

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

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

.globalHeader .g_Info { float: right; }

.globalHeader .g_Info select.languageTranslate { border: none; background: #fff; width: 90px; height: 20px; line-height: 20px; font-size: 14px; }

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

.globalHeader .g_Info a.languageTranslateOk { display: inline-block; vertical-align: middle; padding: 0; width: 20px; height: 40px; }

.globalHeader .g_Info a.languageTranslateOk i { display: inline-block; background: #012a5e; width: 20px; height: 20px; margin-top: 10px; text-align: center; line-height: 20px; }

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

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

.globalHeader .g_Info .snsSet { height: 20px; line-height: 20px; }

.globalHeader .g_Info .snsSet a { font-size: 13px !important; }

.globalHeader .g_Info .snsSet .langList { height: 20px; line-height: 20px; margin-top: 9px; }

.globalHeader .g_Info .snsSet .langList .goog-te-gadget-simple { border: 0; background: #012a5e; padding: 0 !important; }

.globalHeader .g_Info .snsSet .langList .goog-te-gadget-simple > img { display: none; }

.globalHeader .g_Info .snsSet .langList .goog-te-gadget-simple > span a { padding: 0 7px 0 0; margin: 0 !important; }

.globalHeader .g_Info .snsSet .langList .goog-te-gadget-simple > span a > span:first-child { padding: 0 10px 0 7px; margin-right: 7px; font-size: 13px; color: #555; display: inline-block; background: #fff; font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; }

.globalHeader .g_Info .snsSet .langList .goog-te-gadget-simple > span a > span + img { margin: 0 !important; }

.globalHeader .g_Info .snsSet .langList .goog-te-gadget-simple > span a > span + img + span { display: none; }

.globalHeader .g_Info .snsSet .langList .goog-te-gadget-simple > span a > span:last-child { display: inline-block !important; font-size: 10px; line-height: 10px; color: #fff !important; }

.global { width: 300px; float: left; height: 55px; }

.global .logo { display: inline-block; width: 300px; height: 60px; background: url(/static/eng/img/common/logo.png) no-repeat 0 50%; position: relative; }

.global .logo a { display: block; height: 100%; }

.global .logo .subLogoTxt { position: absolute; left: 300px; width: 300px; top: 14px; color: #42cdff; font-size: 18px; letter-spacing: -1px; font-weight: 500; }

.global .logo .subLogoTxt:before { content: ""; border-left: 1px solid #42cdff; display: inline-block; vertical-align: middle; width: 13px; height: 14px; }

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

.gnbSet { float: left; width: 100%; height: 55px; }

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

.gnbSet .logo { display: none; width: 205px; height: 50px; background: url(/static/eng/img/common/flogo.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 .subSet { top: 50px; }

.gnbSet.fixMenu .gnb > ul { float: left; }

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

.gnbSet.fixMenu .gnb > ul > li > a { line-height: 50px; }

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

.gnbSet.fixMenu .gnb > ul > li.on > a:after { background: #005596; }

.gnbSet.fixMenu .logo { display: none; position: absolute; z-index: 1000; top: 0; background-position: 20px 50%; }

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

.gnbSet.fixMenu #lineGnbMv { bottom: 0; }

.gnbSet.fixMenu .mainSearchSet { top: 50px; }

.gnbSet.fixMenu .menuRtSet { top: 5px; }

.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%; }

.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: 25%; float: left; list-style-type: none; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 25px 30px; height: 320px; }

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

.gnbT > ul > li > a { color: #00acdc; font-size: 18px; padding-left: 0; background: none; }

.gnbT > ul > li ul > li > a { font-size: 13px; }

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

.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; }

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

.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 .menu4 .subSet > ul > li:nth-child(4n) { margin-right: 20%; }

/*.gnb .menu4 .subSet > ul > li:nth-child(4n+1) { margin-bottom: -22%; } */

.gnb .menu4 .subSet > ul > li:nth-child(4n+1) { margin-bottom: 0%; }

.gnb .menu6 .subSet > ul > li:first-child { margin-left: 40%; }

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

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

.gnb .subSet > p { display: block; float: left; width: 22%; position: absolute; top: 50%; margin-top: -100px; color: #333; }

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

.gnb .subSet > p strong { font-size: 32px; font-weight: 500; font-family: "NotoSans"; }

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

.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: 20px; }

.gnb .subSet > ul { float: left; width: 100%; position: relative; padding: 20px 0; }

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

.gnb .subSet > ul li > a { color: #000; }

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

.gnb .subSet > ul > li { width: 20%; float: left; }

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

.gnb .subSet > ul > li > a { padding-left: 10%; font-family: "NotoSans"; font-weight: 400; display: inline-block; text-align: left; line-height: 140%; }

.gnb .subSet > ul > li > ul { padding: 0 10%; }

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

.gnb .subSet > ul > li > ul a { display: block; text-align: left; text-indent: -10px; padding-left: 10px; line-height: 20px; font-size: 14px; }

.gnb .subSet > ul > li > ul a:before { content: "•"; 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: #5280e1; border-radius: 10px; }

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

.gnb > ul > li { background: url(/static/eng/img/common/gnbBar.png) no-repeat 100% 50%; }

.gnb > ul > li > a { font-size: 17px; line-height: 45px; padding: 0px 26px; position: relative; display: block; font-family: "NotoSans"; font-weight: 400; text-decoration: none; }

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

#lineGnbMv { position: absolute; bottom: -10px; left: 1000px; width: 100px; height: 10px; background: #00acdc; }

.menuRtSet a.totalMenu { position: absolute; right: 0; font-size: 22px; line-height: 38px; width: 40px; height: 40px; padding: 0; background: #012a5e; text-align: center; }

.menuRtSet a.mTotalMenu { display: none; }

.menuRtSet { position: absolute; right: 0; font-size: 22px; line-height: 38px; width: 81px; height: 40px; padding: 0; overflow: hidden; }

.menuRtSet a { display: inline-block; float: left; width: 40px; height: 40px; background: #012a5e; text-align: center; line-height: 38px; }

.menuRtSet a.mainSchOpen { margin-right: 1px; }

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

.gnbNavTotalSet.on { display: block; }

.mainSchOpen { display: none; }

.mainSearchSet { position: absolute; top: 110px; left: 0; width: 100%; height: 80px; text-align: center; background-color: #012a5e; display: none; z-index: 10; }

.mainSearchSet.on { display: block; }

.mainSearch { width: 425px; margin: 15px auto 0 auto; border-bottom: 3px solid #fff; height: 45px; }

.mainSearch input[type=text] { width: 375px; float: left; font-size: 24px; height: 40px; line-height: 38px; border: none; background: none; color: #fff; opacity: .4; }

.mainSearch input[type=text]::-webkit-input-placeholder { color: #fff; }

.mainSearch input[type=text]::-moz-placeholder { color: #fff; }

.mainSearch input[type=text]:-ms-input-placeholder { color: #fff; }

.mainSearch input[type=text]:-moz-placeholder { color: #fff; }

.mainSearch button { color: #fff; width: 50px; font-size: 20px; line-height: 40px; float: left; text-align: right; }

.mainSearch .mainSchClose { position: absolute; top: 22px; right: 0; background-color: #00acdc; width: 40px; height: 40px; }

.mainSearch .ti-close { font-size: 24px; line-height: 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%; }

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

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

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

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

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

.visualSet { display: none; }

.lnbSet { float: left; width: 235px; height: 100%; margin: 0 40px 0 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: 24px; text-align: center; padding: 26px 0 24px 0; letter-spacing: -2px; }

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

.lnb > ul { position: relative; height: 100%; font-family: "NotoSans"; border-top: 1px solid #dee0e6; 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: 13px; padding: 13px 15px 13px 18px; position: relative; z-index: 20; font-weight: 300; background: url(/static/portal/img/common/lnbBu01_off.gif) no-repeat 93% 50%; }

.lnb > ul > li.on > a { color: #fff; padding: 17px 18px 15px 18px; box-shadow: 2px 4px 5px 0 rgba(50, 50, 50, 0.4); 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: 13px; display: block; line-height: 1.6; background: url(/static/portal/img/common/lnbBu02_off.gif) no-repeat 0 center; padding-left: 17px; }

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

.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: 20px; font-weight: 400; line-height: 75px; margin-bottom: 0; margin: 16px 0 15px 0; color: #1f497d; border-bottom: 1px solid #dee0e6; }

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

.snsLinkSet { position: absolute; top: 5px; right: 0; text-align: center; padding-right: 0px; }

.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"; padding-top: 5px; padding-right: 80px; padding-left: 30px; text-indent: -8px; min-height: 40px; }

.location li { display: inline; /*display: inline-block; line-height: 40px; */ font-size: 1em; color: #757575; font-weight: 300; }

.location li.home { position: absolute; left: 17px; top: 2px; }

.location li.home a { padding-left: 0; }

.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 { opacity: .5; font-family: FontAwesome; content: "\f105"; margin-right: 5px; }

.location a { display: inline-block; line-height: 30px; padding: 0 6px; font-weight: 300; }

#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; }

#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; }

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

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

#content h3.nobu: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: #5280e1; }

#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 .footerLink { line-height: 60px; }

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

#footer a.privacy { color: #009ed7; font-weight: 600; }

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

#footer .f_logo { display: inline-block; margin-right: 31px; padding-top: 3px; padding-right: 0; vertical-align: middle; }

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

#footer .addressSet a { line-height: 20px; }

#footer .bar, #footer .bdList th, .bdList #footer th, #footer .bdList td, .bdList #footer td { display: inline-block; vertical-align: middle; width: 10px; margin-right: 0; height: 10px; }

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

#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; }

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

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

.modal h4 { border-bottom: 2px solid #484d58; font-size: 18px !important; line-height: 60px; background: none !important; padding-left: 0 !important; margin-left: 0 !important; }

.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); }

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

.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: 10px 0; }

.modal-dialog .modal-footer { border-top: 1px solid #ddd; 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 h3 + .fr { margin-top: 16px; margin-bottom: 5px; }

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

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

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

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

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

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

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

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

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

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

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

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

.hgroup.bgico_12 { background-image: url(/static/eng/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; }

.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; }

.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; }

.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 8px; 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 .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 8px; padding-left: 10px; font-size: 0.95em; margin-bottom: 0; }

.bu_1 li 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; }

.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; }

.fnote { position: relative; color: #ea5a59; margin-bottom: 10px; clear: both; }

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

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

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

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

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

.fnote .ml25 { margin-left: 44px !important; }

@media (max-width: 2800px) {
	.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: 1280px) { #header { background-size: 100%; }
	.gnbSet .search { display: inline-block; }
	.lnbSet { width: 18%; margin: 0 10px; }
	.contentRight { width: 78%; }
	.contentRight h1 { padding-left: 2%; }
	.contentService { margin-left: 2%; margin-right: 2%; width: 96%; }
	#content { width: 100%; padding-left: 2%; padding-right: 2%; }
	#footer .footerLink { height: auto; }
	#footer .f_right { float: left; } 
	.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: 1279px) { .gnb > ul > li > a { padding: 0 21px; } }

@media (max-width: 1180px) { .container, #footer .container { max-width: 96%; }
	.gnb > ul > li > a { padding: 0 12px; font-size: 15px; }
	#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: 1050px) { .globalHeader .g_Info .snsSet .langList { margin-top: 0; }
	.globalHeader .g_Info .snsSet .langList .skiptranslate { font-size: 0; width: 140px; }
	.globalHeader .g_Info .snsSet .langList .skiptranslate > div { position: absolute; }
	.globalHeader .g_Info .snsSet .langList .skiptranslate > span { display: none; } }

@media (max-width: 1023px) { .globalHeader .g_Info .snsSet .langList { margin-top: 0; }
	.globalHeader .g_Info .snsSet .langList .skiptranslate { font-size: 0; width: 140px; }
	.globalHeader .g_Info .snsSet .langList .skiptranslate > div { position: absolute; }
	.globalHeader .g_Info .snsSet .langList .skiptranslate > span { display: none; }
	.snsLinkSet { margin-top: -62px; }
	.snsLinkSet a.forPrint { display: none; }
	.contentRight h1 { padding-right: 50px; line-height: 50px; }
	.gnbSet .gnbOpener { display: inline-block; }
	.toggleGnbOpen { display: inline-block; float: left; }
	.container, #footer .container { max-width: 96%; }
	.global .logo .subLogoTxt { left: 30px; top: 32px; font-size: 16px; letter-spacing: 0px; }
	.global .logo, .global { width: 250px; background-size: 100% auto; }
	.gnbSet.fixMenu .logo { display: block; width: 220px; }
	.mainSearch { top: 45px; }
	.gnb { display: none; }
	.mdGnbOpen .gnb { position: fixed; top: 0; left: 0; width: 70%; z-index: 1000; display: block; background-color: #fff; }
	.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; font-size: 16px; }
	.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; }
	.mdGnbOpen .gnb .subSet > ul > li > a { color: #000; padding: 0 5%; font-size: 15px; display: block; }
	.mdGnbOpen .gnb .subSet > ul > li > ul { min-height: 0; padding: 2% 6%; }
	.mdGnbOpen .gnb .subSet > ul > li > ul > li { width: 100%; 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: 14px; 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 !important; 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, .mdGnbOpen .gnb .menu2 .subSet > ul > li, .mdGnbOpen .gnb .menu2 .subSet > ul > li:nth-child(-n+5) > ul, .mdGnbOpen .gnb .menu3 .subSet > ul > li:nth-child(-n+5) > ul, .mdGnbOpen .gnb .menu3 .subSet > ul > li, .mdGnbOpen .gnb .menu4 .subSet > ul > li, .mdGnbOpen .gnb .menu6 .subSet > ul > li, .mdGnbOpen .gnb .menu7 .subSet > ul > li { min-height: auto; }
	.mdGnbOpen .gnb .menu6 .subSet > ul > li:first-child { margin-left: 0; }
	.gnbSet.fixMenu .gnb .subSet { top: 0; }
	.gnbSet.fixMenu .gnb > ul > li.menu4 { width: 100%; }
	.gnbSet.fixMenu .gnb > ul > li.on > a:after { background: none; }
	.gnbMBg { content: ""; position: fixed; left: 0; top: 0; z-index: 990; width: 100%; height: 100%; background: #000; opacity: 0.5; }
	.gnbMBg.on { display: block; }
	.gnbMBg a { display: block; width: 100%; height: 100%; }
	.lnbSet { display: none; }
	.contentRight { width: 100%; }
	.menuRtSet a.totalMenu { display: none; }
	.menuRtSet a.mTotalMenu { display: block; } }

@media (max-width: 767px) { .contentRight h1 { font-size: 18px; line-height: 130%; padding-bottom: 10px; }
	#content h3 { font-size: 18px; }
	.container, #footer .container { max-width: 96%; }
	#content { padding: 20px; }
	#content .depth4Tab + .tab, #content .depth4Tab + .typebrown, #content .depth4Tab + .faq { margin-bottom: 0; }
	#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; }
	.mainSearchSet { position: relative; top: 10px; left: 0; margin-left: 0; width: 100%; }
	.mainSearch { width: 70%; }
	.mainSearch input[type=text] { width: 70%; }
	.globalHeader { line-height: 39px; /* .language{} .g_Info{float:right;padding-top:11px; a, button{padding:0 10px;} } */ }
	.globalHeader a, .globalHeader button { font-size: 11px; }
	.global { padding-left: 3%; width: 100%; }
	.global .logo { padding: 0; width: 260px; }
	.global .logo a { display: block; height: 100%; }
	.globalHeader .g_Info { float: left; }
	.fixMenu.gnbSet .menuRtSet { top: 5px; }
	.gnbSet { height: 0; }
	.snsLinkSet { margin-top: -60px; }
	#footer { padding-top: 10px; }
	#footer a { line-height: 25px; }
	#footer .footerLink { line-height: 25px !important; }
	.menuRtSet { top: -40px; } 
	.modal-dialog .modal-imgFooter { padding: 3px 10px 0 10px; text-align: center; line-height: 40px; display:block; height:auto; display:block; } }

@media (max-width: 480px) { .container { max-width: 100%; }
	#content { padding: 10px; }
	.mdGnbOpen .gnb { width: 85%; }
	.gnbSet.fixMenu .logo { width: 240px; }
	.gnbSet.fixMenu .logo a { width: 240px; }
	.globalHeader .g_Info .snsSet .langList select { width: 100px; }
	.global { height: 60px; }
	.global .logo { width: 240px; height: 60px; background: url(/static/eng/img/common/logo.png) no-repeat 0 50%; background-size: 100%; }
	.global .logo a { display: block; height: 100%; padding: 0; }
	.location li { line-height: 20px; display: inline; }
	.location li a { display: inline; }
	.mainSearchSet { top: 10px; }
	.modal-open .modal-dialog .modal-body.moBodyh { padding: 10px; } }

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

.box.boxpd { padding: 10px; }

.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; }

.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 .fa { font-size: 40px; display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; }

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

.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 .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; }

.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 span { display: table-cell; padding: 8px 8px 8px 20px; border: 1px solid #ddd; border-bottom: 0; }

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

.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 .fa { font-size: 20px; width: 50px; height: 50px; line-height: 50px; }
	#content h2.first { margin-top: 0 !important; }
	#content .depth4Tab + .tab, #content .depth4Tab + .typebrown, #content .depth4Tab + .faq { margin-bottom: 0; }
	#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; } }

@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: 16px; margin-right: 2px; }

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

input[type=radio]:checked + i:before { background-image: url(/static/eng/img/iconset.png); background-position: -128px -344px; 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; }

@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%; } }

.upp { text-transform: uppercase; }

.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; }

.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-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-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 !important; 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-cancel1, .btn.b-cancel1 { background-color: #7f7f7f; }

[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: #0e4385; }

[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: 20px !important; 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; }

.b-icon { padding: 5px; }

.wid1 { min-width: 160px; }

@media (max-width: 767px) { .wid1 { min-width: auto; } }

.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 { border: 7px solid #484d58; padding: 33px; }

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

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

.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 [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 .badge { float: left; margin-right: 2px; margin-bottom: 2px; padding: 0 5px; }

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

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

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

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

.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; }

.photoList .infor { padding-top: 10px; }

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

.photoList .infor .title { font-weight: bold; font-size: 1.1em; }

.photoList a { display: block; }

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

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

.photoList a .ratioSet { background: #000; overflow: hidden; }

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

.photoList a span { display: inline-block; }

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

.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; }

.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 .line1 { height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-bottom: 5px; }

.photoList a .line2 { height: 43px; 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 .ratioObject { border: 7px solid #627fa4; display: block; overflow: hidden; }

.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; }

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

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

@media (max-width: 1280px) { .cardList { margin-bottom: 30px; }
	.cardList .row .col.l6 { width: 100%; } }

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

.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; }

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

/* 갤러리 */
.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 .thumbs { z-index: 1; height: auto; }

.gallerySetBox .gallerySet .thumbs > div img { width: 100%; position: relative; top: 0; left: 0; }

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

.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%; }

.gallery { float: left; width: 80.218%; }

.gallery .slick a { display: inline-block; float: left; }

.downloadbtnset { text-align: right; }

.downloadbtnset a { float: none; }

@media screen and (max-width: 767px) { .gallerySetBox { padding: 20px; }
	.gallerySet { margin-bottom: 20px; }
	.gallery, .thumbsList { width: 100%; float: none; } }

.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 a { position: absolute; top: 60px; width: 40px; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; }

.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/eng/img/common/zoom_in.png) no-repeat; cursor: pointer; }

/* Expand button */
.light_square .pp_contract { background: url(/static/eng/img/common/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%; }
	.gallerySet1 .thumbsList .slick-slide a { width: 100%; }
	.gallerySet1 .thumbsList .slick-slide a > img { height: auto; }
	.gallerySet1 .galleryCtrl a { top: 30%; } }

/* 설문조사뷰 */
.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; }

.tab.style li, .style.typebrown li, .style.faq li { height: 50px; overflow: hidden; }

.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; }

.tabsub ul { background: #fff; float: left; width: 100%; background-color: #fbfbfc; border: 1px solid #dee0e6; display: block; }

.tabsub ul li { width: 33.33%; float: left; text-align: center; line-height: 120%; display: table-cell; line-height: 16px; background: url(/static/commons/img/tbar.gif) no-repeat 100% 50%; padding: 4px 0; display: inline-table; height: 60px; }

.tabsub ul li:nth-child(3n) { background: none; }

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

.tabsub ul li.active { border: 2px solid #325192; position: relative; line-height: 15px; background: #fff; }

.tabsub ul li.active:before { content: "▼"; font-size: 10px; position: absolute; top: -6px; left: 50%; }

.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; display: table-cell; }

.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; height: 45px; }

.tabsub.type ul li a { display: inline-block; line-height: 15px; display: table-cell; }

@media (max-width: 1023px) { .tabsub.type ul li { text-align: center; }
	.tabsub.type ul li a { text-align: center; } }

.tabsub.type ul li.active { border-bottom: 3px solid #5b79b9; }

.tabsub.type ul li:first-child { background: none; }

.tabsub.type ul li:nth-child(3n+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 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; }

.depth4Tab { display: none; width: 100%; margin-left: -1px; overflow: hidden; }

.depth4Tab a { display: block; background: #7c94c7 url(/static/eng/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; float: left; }

.depth5Tab a { display: block; background: #fff url(/static/eng/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) { .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; }
	.tabsub ul li { width: 100%; height: 40px; }
	.tabsub ul li:nth-child(2n) { background: none; }
	.tabsub ul li:nth-child(3n+1) { clear: none; }
	.tabsub.type { display: block; position: relative; }
	.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: 0 1px 1px 1px; }
	.tabsub.type ul li a { display: block !important; padding: 5px 20px 5px 5px; }
	.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; }
	.category { position: relative; margin-top: 5px; }
	.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: 7px; right: 10px; }
	.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 + .tabsub { display: none; }
	.depth5Tab.on + .tabsub { display: block; margin-top: -1px; } }

@media (max-width: 480px) { .step.len4 li { padding-left: 16px; padding-right: 16px; }
	.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: 1200px; }

.scrollX.table-lg table { min-width: 900px; }

.scrollX table { min-width: 680px; }

.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; line-height: 1.4; }

.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.type { border-top: 2px solid #627fa4; }

.table.type thead th, .table.type tbody th { background: #f4f5f7; color: #000; }

.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 .nameW { overflow: hidden; }

.table-view1 .detail .info .img { display: block; margin-right: 10px; float: left; line-height: 0; border: 6px solid #ccc; }

.table-view1 .detail .info .name { display: block; vertical-align: top; margin-top: 20px; margin-left: 110px; }

.table-view1 .detail .info .name > span { display: block; font-size: 18px; font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; line-height: 22px; letter-spacing: -1px; }

.table-view1 .detail .info .name .style { color: #00acdc; }

.table-view1 .detail .info .name .style1 { color: #1f497d; font-size: 30px; line-height: 30px; }

.table-view1 .detail .info .name .style1 span { font-size: 0.8em; }

.table-view1 .detail .info .edu { border-top: 1px solid #ddd; margin-top: 20px; padding-top: 20px; }

.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 .career .year { padding-right: 5px; }

.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; } }

@media (max-width: 480px) { .table-view1 .name + td { display: block; clear: both; }
	.table-view1 .table-view1 .detail .info .name .style { font-size: 15px; }
	.table-view1 .table-view1 .detail .info .name .style1 { font-size: 18px; } }

.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; }

th.cellDown { width: 120px; }

table.datepicker-grid { min-width: auto !important; }

@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.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"; font-weight: 500; letter-spacing: -1px; }

/* 26/16 */
h2, .h2 { font-size: 1.5em; font-family: "NotoSans"; font-weight: 500; letter-spacing: -1px; }

/* 24/16 */
h3, .h3 { font-size: 1.375em; font-family: "NotoSans"; font-weight: 400; letter-spacing: -1px; }

h4, .h4 { font-size: 1.25em; font-family: "NotoSans"; font-weight: 400; letter-spacing: -1px; }

h5, .h5 { font-size: 1.125em; font-family: "NotoSans"; font-weight: 400; }

h6, .h6 { font-size: 1em; font-family: "NotoSans"; 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/eng/img/iconset.png); background-position: -258px -218px; width: 40px; height: 40px; }

.pagination > li.prev > * { margin-right: 5px; }

.pagination > li.prev > *:before { background-image: url(/static/eng/img/iconset.png); background-position: -78px -218px; width: 40px; height: 40px; }

.pagination > li.next > * { margin-left: 5px; }

.pagination > li.next > *:before { background-image: url(/static/eng/img/iconset.png); background-position: -198px -218px; width: 40px; height: 40px; }

.pagination > li.end > *:before { background-image: url(/static/eng/img/iconset.png); background-position: -138px -218px; 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:before { content: "\e63d"; display: inline-block; font-family: "themify", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; background: none; margin-right: 5px; }

.viewLine { clear: both; border-top: 3px solid #1f497d; margin-top: -24px; }

.viewLine .bar, .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: 20px !important; padding: 10px 12px 1px 20px; margin: 0 !important; line-height: 1.3 !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; overflow: hidden; }

.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.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 .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 { width: 13%; max-width: 120px; vertical-align: middle; text-align: left; position: relative; border-left: 1px solid #dee0e6; padding-left: 20px; }

.view > label > .l:after, .view > label > dt:after, .view > dl > .l:after, .view > dl > dt:after { content: ""; position: absolute; right: 0; top: 30%; width: 0; height: 40%; border-right: 1px solid #dee0e6; }

.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 > .r, .view > label > dd, .view > dl > .r, .view > dl > dd { padding-left: 13px; padding-right: 10px; }

.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: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; }

.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; }

.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; }

.addfile li a { word-break: break-all; }

.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 > 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; }

.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: 0; }

.bdViewNav dd a, .bdViewNav dd .noData { display: block; padding: 7px; }

.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; background: #fff; color: #757575; }

.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; }

.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 .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: left; }

.bdLine.type3 > ul > li { padding: 15px 0; }

@media (max-width: 1280px) { .viewLine { margin-top: 11px; }
	.reportList .titlesub, .bdLine .titlesub { max-width: 85%; } }

@media (max-width: 767px) { .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%; }
	.addfile li { line-height: 1.6; }
	.bdViewNav dd { margin-left: 85px; }
	.viewLine .dataInfo { display: block; float: left; width: 100%; }
	.viewLine .dataInfoSet { float: none; 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; } }

#faqList { position: relative; border-top: 3px solid #005596; margin-bottom: 30px; }

#faqList.type1 dt { padding-left: 20px; }

#faqList.type1 dd { padding: 7px 20px; }

#faqList dt, #faqList dd { position: relative; padding: 0 0 0 80px; border-bottom: 1px solid #dee0e6; }

#faqList dt strong { font-weight: normal; color: #333; display: inline-block; width: 20%; text-align: center; }

#faqList dt.open { color: #5280e1; }

#faqList dt.open button { font-weight: bold; }

#faqList dt.open button:after { transform: rotate(180deg); color: #5280e1; }

#faqList dt button { display: block; line-height: 1; background-color: transparent; border: 0; padding: 12px 0 12px 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: 60%; margin-top: -15px; transition-duration: .2s; transition-property: transform; }

#faqList dd { display: none; background: #f8f8f8; line-height: 1.6; padding-top: 7px; padding-bottom: 7px; }

#faqList dd.no-data { display: block; padding: 30px 0; text-align: center; }

#faqList dd .qna_img:before { content: "A"; color: #333; }

#faqList .qna_img { position: absolute; left: 22px; top: 50%; display: inline-block; color: #fff; width: 40px; text-align: center; margin-top: -10px; }

#faqList .qna_img:after { content: ":"; display: inline-block; float: right; color: #333; }

#faqList .qna_img:before { content: "Q"; color: #666; }

.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; }

.sh > * { vertical-align: middle; }

.sh .box2 { float: left; width: 100%; display: none; }

.sh .box2.on { display: block; }

.sh .box2 .shLeft, .sh .box2 .shRight { width: 50%; float: left; }

.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; }

.keyWdList { position: absolute; z-index: 80; top: 42px; width: 100%; background: #fff; }

.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: 1280px) { .sh .box2 > div.shLeft { width: 35%; }
	.sh .box2 > div.shRight { width: 65%; } }

@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%; } }

@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%; } }

.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; }

@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; } }

.uline { text-decoration: underline; }

.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/eng/img/common/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"; }

.popupWrap h1 { background: #484d58; color: #fff; font-size: 1.0em; padding: 9px 15px; font-weight: 500; }

.popupWrap .popupBody { padding: 20px; }

.popupWrap .view { border-top: 1px solid #dee0e6; }

.popupWrap [class^=b-], .popupWrap .btn, .popupWrap .btnSet a { height: 40px; line-height: 40px !important; }

.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: #000; text-align: center; }

.calView li .part.bg1 { background: #349796; }

.calView li .part.bg2 { background: #5b79b9; }

.calView li .part.bg3 { background: #7f7f7f; }

.calView li > div.con { margin: 0 100px 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; width: 100%; height: 460px; text-align: center; border: 1px solid #ddd; padding: 3%; background: url(/static/eng/img/common/bg_org.gif) no-repeat center 60%; }

#org > ul { float: left; width: 100%; }

#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 { border: 1px solid #333; line-height: 16px; border-radius: 3px; }

#org .org1 { background: #fff; width: 30%; height: 205px; top: 4%; left: 35%; display: block; border: 2px solid #becae4; border-radius: 3px; }

#org .org1 span { display: inline-block; color: #1f497d; font-size: 1.2em; font-weight: bold; padding-top: 20px; }

#org .org2 { width: 26%; height: 50px; display: block; background: #5b79b9; border: 0; /* &:after{content:"\f08e";display:inline-block;position: absolute;top:3px;right:10px;height:30px;@include fa;font-size:12px;color:#1f497d} */ }

#org .org2 span { color: #fff; font-weight: bold; z-index: 1; }

#org .a2-1 { top: 95px; left: 37%; }

#org .a2-1:after { content: ""; background: #c7c7c7; height: 2px; width: 20px; position: absolute; top: 22px; left: -20px; }

#org .a2-2 { top: 155px; left: 37%; }

#org .a2-3 { top: 240px; left: 37%; }

#org .b2-1 { top: 175px; left: 74%; width: 20%; }

#org .org3 { width: 29.5%; height: 52px; display: block; position: absolute; top: 340px; border: 1px solid #becae4; background: #d0e0f5; display: table; padding-top: 0 !important; }

#org .org3 > span { display: table-cell; vertical-align: middle; }

#org .a3-1 { left: 3%; font-weight: bold; }

#org .a3-2 { left: 35.2%; }

#org .b3-1 { left: 67.5%; }

#org .org4 { width: 20%; min-width: 80px; height: 50px; display: block; position: absolute; top: 85px; left: 6%; border: 1px solid #becae4; background: #d0e0f5; }

#org .org4 span { color: #000; padding-top: 7px; display: inline-block; }

#org .org5 { width: 20%; min-width: 80px; height: 50px; display: block; position: absolute; top: 240px; left: 6%; 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 li > span { position: relative; font-weight: bold; /* &:after{content:"\f08e";display:inline-block;position: absolute;top:3px;right:5px;height:30px;@include fa;font-size:12px;color:#1f497d} */ }

#org li a > span { display: table-cell; }

#org li a > span:after { content: "\f08e"; display: inline-block; position: absolute; top: 3px; 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; }

#org li > a, #org li > span { display: table !important; }

#org li > a > span, #org li > span > span { display: table-cell; vertical-align: middle; }

@media (max-width: 767px) { #org { background: url(/static/eng/img/common/bg_orgM.gif) no-repeat center 55px; background-size: 100% 320px; font-size: 0.9em; }
	#org .org1 { top: 2.5%; height: 210px; }
	#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; left: 72%; width: 23%; }
	#org a.a2-2 { padding-top: 0 !important; } }

.org_board { margin-top: 380px; }

.org_board2 .alignL { margin-left: 10px; }

#content table.tiNone td { position: relative; }

#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 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: 40px; overflow: hidden; word-break: keep-all; }

.calendarWrap table.tiNone tbody td ul li p { color: #333; }

.calendarWrap .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 { background-color: #349796; }

.calendarWrap .ico2 { background-color: #5b79b9; }

.calendarWrap .ico3 { background-color: #7f7f7f; }

.calendarSet { margin-bottom: 30px; margin-top: 0; }

.videoSet.noh2 .scrollY { height: 274px; }

.videoSet h2 { font-weight: 200; margin-bottom: 10px; }

.videoSet .scrollY { height: 230px; }

.calDate { font-size: 1.8em; font-weight: 500; letter-spacing: -1px; text-align: center; margin-bottom: 10px; }

.calDate select { line-height: 40px; height: 40px; }

.calDate > span { display: inline-block; margin: 0 20px; }

.calDate > span strong { font-weight: 500; font-size: 1.1em; }

.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 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; }

.reservation .on:after { content: "\f017"; color: #5280e1; }

.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; }

.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: 50%; 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; }

.floorList ul li:nth-child(2n+1) { clear: both; }

.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%; }

@media (max-width: 767px) { .moneyW .moneyImg { width: 94%; } }

.moneyW .moneyImg .img > span { margin: 0 2%; display: inline-block; vertical-align: top; }

.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; }

.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: #5280e1; 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; }

.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: 1.7em; margin-bottom: 10px; }

.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; }

.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; line-height: 0; }

.imgSet p { margin-bottom: 0 !important; text-align: center; width: 100%; line-height: 0; }

.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; } }

.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 > 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 0; }

.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 .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 { overflow: hidden; display: block; border: 1px solid #dee0e6; padding: 29px 29px 19px; }

.sh_con li { float: left; padding: 0 1px 10px 0 !important; text-align: center; letter-spacing: -1px; /* &:nth-child(4n+4) {margin-right:0;} */ }

.sh_con 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 li a:hover { background: #1f497d; color: #fff; text-decoration: none; }

.indicator a { height: 220px; border: 1px solid #dee0e6; padding: 30% 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: bottom; }

.indicator a .no { font-size: 3.4em; color: #dee0e6; }

.indicator a .txt { color: #5b79b9; font-size: 1.6em; line-height: 140%; }

.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: 0; }

.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; }

.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; }

.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; }

.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.imgType img { max-width: 270px !important; }

.coinimgtxt.type .img p { border: 0; text-align: center; height: 152px; }

.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 .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.img2 img { max-width: 125px; }

.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 img { width: 100%; }

.coinimgtxt .img.imgType3 p { border: 0; }

.coinimgtxt .img p { vertical-align: middle; background: #fff; text-align: center; width: 100%; text-align: center; height: 163px; 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; }

@media (max-width: 767px) { .coinimgtxt .table { width: 100%; } }

.coinimgtxt .table th { font-weight: bold; }

.org2 { text-align: center; }

.org2 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; }

.org2 h3 a { color: #fff !important; }

.org2 h3:before { display: none !important; }

@media (max-width: 1023px) { .org2 h3 { float: left; width: 30%; text-align: center; min-width: auto; } }

.org2 a { display: block; }

.org2 > ul { width: 100%; margin-top: 30px; }

@media (max-width: 1023px) { .org2 > ul { clear: both; } }

.org2 > ul > li { display: inline-block; width: 32%; vertical-align: top; }

.org2 > ul > li.style { margin-top: 70px; }

.org2 > ul > li.orgDepth { width: 100%; }

@media (max-width: 1023px) { .org2 > ul > li { width: 100%; margin-top: 5px !important; margin-left: 5%; text-align: left; } }

.org2 > ul > li > span { display: inline-block; border-radius: 3px; padding: 0.8em 10px 0.8em 10px; background: #00acdc; min-width: 200px; }

.org2 > ul > li > span > a { text-align: center; color: #000; display: block; font-weight: bold; }

.org2 > ul > li > ul { padding-top: 20px; background: url(/static/images/common/board/bg_orgLine.gif) no-repeat center -24px; font-size: 0; line-height: 0; }

.org2 > ul > li > ul > li { text-align: center; display: inline-block; vertical-align: top; background: url(/static/images/common/board/bg_orgLine2.gif) no-repeat center 0; padding: 20px 3px 0 3px; }

.org2 > 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%; }

.org2 > 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; }

.org2 > ul > li > ul > li > span > a:after { content: "\f08e"; display: inline-block; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; font-size: 12px; color: #1f497d; }

.org2 > ul > li > ul > li > span > a > span { display: block; }

/*
.coinimgtxt{overflow:hidden;
	&.type{
		.img{border:3px solid #c9cfde;background:none;text-align:center;
			&.imgType{
				img{max-width:270px !important}
			}
			p{border:0;text-align:center;height:152px;
			}
		}
	}
	&.type1{
		border:1px solid #ddd;padding:5px 15px 15px;
		.tabsub{margin-bottom:20px;}
		h3{clear:both !important;margin-bottom:10px;}
	}
	.img{width:35%;float:left;border:5px solid #869cca;padding:2.5%;background:#f4f5f7;margin-right:2%;vertical-align:middle;
		@include breakpoint($sm) {width:100%;text-align:center;margin-bottom:10px;}
		&.imgType2{border:0;background:none;
			p{border:0}
			.s {display:inline-block;margin-bottom:20px;
				@include breakpoint($sm) {margin-bottom:0;}
				strong{display:block;font-weight:normal;color:#333 !important;}
			}
		}
		&.imgType3{border:0;background:none;padding:0 4%;
			p{border:0}
		}
		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;
			@include breakpoint($sm) {width:100%;height:auto;text-align:center;display:block;padding:10px;}
		}
	}
	.table{width:63%;float:left;clear:none;margin-top:0;border-top:2px solid #869cca;
		@include breakpoint($sm) {
			width:100%;
		}
		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; }

.bgGrid { background: url(/static/eng/img/cts/sub5/grid.gif) repeat 0 0; text-align: center; border: 1px solid #eee; border-width: 0 1px 1px 0; }

.bgGrid.gridp { padding: 20px; }

.ci_box li > p { text-align: center; color: #fff; padding: 5px; font-weight: bold; font-size: 13px; }

.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; }

.ci_box .bgType6 { background: #dcdddf; color: #555; }

.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; }

.newsLetter { border: 1px solid #dee0e6; background: url("/static/eng/img/cts/sub5/400235_1.jpg") no-repeat 3% 50%; padding: 3% 3% 3% 42%; font-size: 14px; background-size: 38%; min-height: 288px; }

.newsLetter .view { border-top: 2px solid #484d58; border-bottom: 1px solid #dee0e6; }

.newsLetter .view > dl > dt:after { display: none; }

.newsLetter .view dt { border-right: 1px solid #dee0e6; background: #f4f5f7; }

.newsLetter input { background: #f6f6f6; border: 1px solid #ccc; height: 20px; }

.newsLetter .s { vertical-align: middle; height: 233px; display: table-cell; }

.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; }

.upp { text-transform: uppercase; }

.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: 400px; 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%; min-height: 110px; }

@media (max-width: 1023px) { .orgType > ul > li > ul > li > span { min-height: initial; } }

.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; } }

.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 .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; }

.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 { padding-left: 0; text-indent: -10px; margin-left: 130px; }

.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: 5px; }

.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; }

.intro_area .img { display: block; float: left; margin-right: 30px; }

.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; }

.pollcy { color: #fff; font-size: 1.8em; font-weight: 600; height: 130px; padding: 3%; margin-bottom: 20px; }

.pollcy.bg1 { background: #3d455a url("/static/eng/img/cts/sub7/400256.jpg") no-repeat right 0; }

.pollcy.bg1 span { padding-left: 3%; }

.pollcy.bg2 { background: #3d455a url("/static/eng/img/cts/sub7/400257.jpg") no-repeat right 0; }

.pollcy.bg2 span { padding-left: 20%; }

.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; }

.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; }

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

.bokHead { background: #f4f5f7; padding: 15px; overflow: hidden; }

.bokHead h2 { color: #5b79b9 !important; font-weight: normal; }

.bokHead .map { float: left; width: 60%; }

.bokHead .map.type2 { width: 40%; }

.bokHead .map img { display: inline-block; border: 1px solid #e7e7e7; }

.bokHead .bankMap { float: left; width: 38%; margin-left: 2%; }

.bokHead .bankMap.type dt { font-weight: bold; color: #5b79b9; margin-top: 5px; }

.bokHead .bankMap.type2 { width: 57%; margin-left: 3%; color: #333; }

.bokHead .bankMap.type2 p { color: #000; }

.bokHead .bankMap.type2 dt { clear: both; float: left; padding-left: 25px; }

.bokHead .bankMap.type2 dd { float: left; padding-left: 3px; padding-top: 10px; }

.bokHead .bankMap.type2 dd span { padding-left: 20px; display: inline-block; }

.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 .time { position: relative; }

.bokHead .bankMap .time:before { content: "\f017"; 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 .money { position: relative; }

.bokHead .bankMap .money:before { content: "\f0d6"; 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 .car { position: relative; }

.bokHead .bankMap .car:before { content: "\f1b9"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; color: #fff; font-size: 12px; position: absolute; top: 0; left: 0; border-radius: 30px; background: #5b79b9; width: 20px; height: 20px; text-align: center; }

.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: 13px; 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: 13px; 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; }

.boxType3 { background: #f2f5fc url(/static/portal/img/cts/sub5/200112_1.jpg) no-repeat 6% 50%; padding: 2% 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; }

.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: 24px; 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; }

.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 42%; position: relative; margin-right: 10%; }

.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: 24px; 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; }

.muIntro1 .muIntro1Txt { float: left; width: 250px; padding: 20px; min-height: 350px; background: #a6a0a0; display: none; }

.muIntro1 .muIntro1Txt p { font-family: "NotoSans", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; letter-spacing: 0; font-size: 23px; color: #fff; display: block; line-height: 1.5; font-weight: 500; position: relative; letter-spacing: -0.5px; padding-bottom: 45px; }

.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: 0; right: 0; background-size: 90%; }

.muIntro1 .muIntro1Txt p span { display: block; }

.muIntro1 .muEx { position: absolute; bottom: 20px; right: 20px; }

.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: 70px; /* line-height:30px; */ }

.mhistory > ul > li .con { overflow: hidden; padding-top: 4px; }

.mhistory > ul > li .con > p { float: left; font-size: 14px; 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; }

.mhistory > ul > li .con > ul li { font-size: 14px; }

.mhistory > ul > li .con > ul li .mth { float: left; display: block; width: 30px; color: #5b79b9; font-weight: bold; }

.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; }

.tLine { border-top: 2px solid #ddd; padding-top: 5px; margin-top: 5px; }

.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; }

.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; }

.cbsp .emailArea { margin-top: 15px; padding: 15px 0; border-top: 2px solid #484d58; border-bottom: 1px solid #dee0e6; }

.cbsp .emailArea .inp { background: #f6f6f6; height: 25px; line-height: 25px; border: 1px solid #ccc; }

.cbsp .btnArea { margin-top: 20px; }

.cbspCopy { color: #000; margin-left: 20px; line-height: 1.3; margin-top: 50px; }

.cbspCopy .mphone:before { content: "\f095"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; }

.cbspCopy .mfax:before { content: "\f1ac"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; display: inline-block; padding-right: 5px; margin-left: 10px; }

.cbspCopy .memail:before { content: "\f0e0"; font-family: "FontAwesome", "malgun gothic","맑은고딕","AppleGothic","돋움","dotum",Helvetica,Arial,sans-serif; }

.cbxpBox { background: #f4f5f7; padding: 20px; margin: 20px 0; }

.cbxpBox h3 { color: #000 !important; }

.cbxpBox h3:before { content: "" !important; padding: 0 !important; }

.cbxpBox p { color: #1f497d; }

.cbxpBox .agr { border-top: 1px solid #c8cad0; padding-top: 15px; margin-top: 15px; }

.cbxpBox .agr label:first-child { margin-right: 10px; }

.cbxpBox input[type=text], .cbxpBox textarea { border: 0; }
    
.cbxpBox textarea { height: 80px; width: 100%; }

.cbxpBox .fc1 { color: #5b79b9 !important; }
 
.cbxpBox .datepicker-button { border: 0 !important; }

.cbspUpload { border: 1px solid #ddd; position: relative; background: #fff; padding: 5%; width: 100%; height: 100%; }

.cbspUpload .imgA { background: #f4f5f7; position: absolute; text-align: center; height: 170px; padding-top: 70px; }

.imgCbsp img{ vertical-align:middle; }

.imgCbspTxt { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} 

.redFont { font-weight: 800; color: #FF0000; } 

.deepFont { font-weight: 800; } 

.cbspModalCon .fbig { font-size: 25px; text-align: center; font-weight: bold; line-height: 1.3; }

.cbspModalCon ul { width: 350px; display: inline-block; }

.cbspModalCon ul li { margin-bottom: 10px; }

.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; }

.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: 60px auto; transform: translate(0, -25%); }

.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: 15px 0; text-align: center; }

.modal-dialog .modal-lineFooter { padding: 0 0; text-align: center; line-height: 40px; }

.modal-dialog .modal-titleFooter { padding: 0 0 10px 10px; font-weight: bold; text-align:center; }

.modal-dialog .modal-imgFooter { padding: 3px 10px 0 10px; text-align: center; line-height: 40px; display:-webkit-box; display:-ms-inline-flexbox; }

.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; }

@media (max-width: 1023px) { .manager { margin-bottom: 30px; }
	.intro .person:before { left: 0; } }

@media (max-width: 767px) { .bokHead .map { width: 100%; }
	.bokHead .map.type2 { width: 100%; }
	.bokHead .map img { width: 100%; }
	.bokHead .bankMap { width: 100%; margin: 20px 0 0 0; }
	.bokHead .bankMap.type2 { width: 100%; margin: 20px 0 0 0; }
	.posMap .round5 { font-size: 15px; width: 36px; height: 36px; line-height: 34px; top: 20px; right: 10px; }
	.floorList { padding: 2%; font-size: 13px; }
	.floorList ul li { width: 100%; 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: 140px; padding-top: 20%; }
	.indicator a .no { font-size: 2.4em; }
	.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%; }
	.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; }
	.newsLetter { background-position: 50% 20px; padding: 250px 3% 3% 3%; background-size: auto; min-height: auto; }
	.newsLetter .s { height: auto; }
	.pollcy { height: auto; font-size: 1.5em; padding: 4%; }
	.pollcy.bg1 { background-position: 91% 0; background-size: cover; }
	.pollcy.bg2 { background-position: 84% 0; background-size: cover; }
	.muIntro .muIntroBox { padding-bottom: 130px; }
	.muIntro .muIntroBox p { padding: 0 0 45px 0; margin-right: 0; }
	.boxType4 { padding: 2% 20% 0; }
	.boxType4 .titBox { height: 86%; }
	.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; padding-bottom: 11px; }
	.muIntro1 .muIntro1Txt p span { display: inline; }
	.muIntro1 .muEx { position: absolute; bottom: 20px; right: 20px; }
	.mhistory > ul > li .ye { float: none; overflow: hidden; }
	.mhistory > ul > li .con { clear: both; margin-top: 10px; }
	.selMenu .sh.sh2 select { width: 60%; height: 32px; }
	.commCoin td { display: block; overflow: hidden; padding: 9px !important; background: #fafafa !important; }
	.commCoin td:first-child { background: #fff !important; }
	#org .a2-1:after { top: 13px; background: #ddd; }
	.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; } }

@media (max-width: 480px) { .intro .person { background-position: center bottom; background-size: auto 190px; padding: 0 5% 150px 5%; }
	.intro .person p { padding: 3% 3% 30px 3%; }
	.dlbox dt, .dlbox dd { padding: 8px; display: block; }
	.dlbox dt { width: 100%; }
	.dlbox dd { width: 100%; }
	.cbspModalCon ul { width: 100%; }
	.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 > li .imgW { width: 98%; min-width: 1px; float: none; }
	.m_box > li .imgW .img.type { max-width: 100%; } }

@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; } }

/*# sourceMappingURL=default.css.map */