@charset "utf-8";

.menuOn			{display:none;}
.menuOn:after	{display:none; height:0; visibility:hidden;}

/**** pc ****/
@media all and	(min-width:1000px){



#sideMenu					{display:none;}


#headerWrap					{background:#fff; margin:0; padding:0; border-bottom:2px solid #006dbb;}
#header						{position:relative; width:1000px; margin:0 auto; height:57px;}
#header:after				{content:" "; display:block; clear:both; height:0; visibility:hidden;}
#header	h1.logo				{width:200px; height:42px; padding-top:8px;	background:url('/images/common/logo.png') no-repeat 0 bottom;}
#header	h1.logo a			{display:block; width:100%; height:100%;}
.topMenu					{position:absolute; right:0; top:0;}
.topMenu li					{float:left; padding:0 8px; background:url('/images/common/line_topMenu.gif') no-repeat right 40px; }
.topMenu li:last-child		{background:none;}
.topMenu li a				{font-size:11px; line-height:90px; color:#9e9e9e;}

#gnb						{ position:absolute; right:0; top:0;}
#gnb ul						{margin:0 auto;}
/*#gnb ul li a.two			{display:block; padding:15px 24px 0 24px; font:16px/20px 'NanumGothic'; color:#fff; font-weight:600; text-align:center;}*/
#gnb > ul:after				{content:""; clear:both; display:block; height:0; visibility:hidden;}
#gnb > ul > li				{position:relative; float:left; text-align:center;}
#gnb > ul > li.current, #gnb ul li.atv {}
#gnb > ul > li.current a, #gnb ul li.atv a {text-decoration:none; color:#006dbb;}
#gnb > ul > li a:focus		{text-decoration:none; color:#006dbb;}		
#gnb > ul > li a			{display:block; font-size:16px; line-height:57px; font-weight:600; padding:0 50px; color:#666; }

#gnb ul li .menu			{display:none; overflow:hidden; box-sizing:border-box; width:100%; left:0; z-index:500; padding-top:10px; border-left:1px solid #eaeaea; }
#gnb ul li:first-child .menu{border-left:none;}
#gnb ul li .menu ul			{height:161px; width:90%; margin:0 auto; background:none; /*opacity:0.5; filter:alpha(opacity=50); -ms-filter:alpha(opacity=50);*/}
#gnb ul li .menu ul li		{float:none; padding:7px 0; text-align:center;}
#gnb ul li .menu ul li a	{display:block; padding:0; font-size:12px; line-height:15px; color:#666; font-weight:normal; white-space:break-word;}
#gnb ul li .menu ul li a:hover {font-weight:500; color:#222; text-decoration:none;}

#gnb_background {width:100%; height:170px; margin:0 auto; display:none; overflow:hidden; left:0; z-index:100; background:#fff; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea;}

/* Main visual */
.mainSlide { width:100%; height:500px; overflow:hidden; position:relative; }
.mainSlide .msArea { height:500px; }
.mainSlide .msArea .maItem { height:500px; background-position:center center; background-size:cover; }
.mainSlide .msArea .maItem .maItemLink { display:block; position:absolute; top:0; left:0; width:100%; height:500px; }
.mainSlide .msCon { width:1000px; margin:0 auto; padding-bottom:71px; position:relative; }
.mainSlide .msCon .toptip { display:block; font-size:26px; font-weight:600; margin-top:100px; color:#fff; }
.mainSlide .msCon .toptip span { color:#fff; font-size:26px; font-weight:600;}
.mainSlide .msCon h3 { color:#fff; margin-top:30px; font:100px; font-weight:600; letter-spacing:-2px;}
.mainSlide .msCon h3 span.fcr { color:#fff; font:100px; font-weight:600; }
.mainSlide .msCon h3 span { color:#fff; font:100px; font-weight:600;}
.mainSlide .msCon h3 img { vertical-align:middle; }
.mainSlide .msCon .subCopy { display:block; color:#fff; margin-top:30px; line-height:120%; font-size:16px;}
.mainSlide .msCon .subCopy span { color:#fff; font-size:16px;}


.mainSlide .msBotMenu { width:100%; height:50px; position:absolute; bottom:0; z-index:1000;}
.mainSlide .msBotMenu ul.ktButton { width:999px; height:50px; background:none; margin:0 auto; position:relative; }
.mainSlide .msBotMenu ul.ktButton li { float:left; width:25%; }
.mainSlide .msBotMenu ul.ktButton li .mbBtn { display:block; margin-left:1px; background-color: rgba(0,0,0,0.7);​}
.mainSlide .msBotMenu ul.ktButton li .mbBtn:hover { background:#006dbb; }
.mainSlide .msBotMenu ul.ktButton li.slick-active .mbBtn { background:#006dbb; }
/* .mainSlide .msBotMenu ul.ktButton li:last-child .mbBtn { margin-right:1px; } */
.mainSlide .msBotMenu ul.ktButton li .mbBtn button { display:block; width:100%; color:#fff; height:50px; text-align:center; font-size:16px; }
.mainSlide .msBotBgL { width:100%; height:50px; background-color: rgba(0,0,0,0.7); position:absolute; bottom:0; left:-50%; margin-left:-500px; text-indent:-999999999px; font-size:0; }
.mainSlide .msBotBgR { width:100%; height:50px; background-color: rgba(0,0,0,0.7); position:absolute; bottom:0; right:-50%; margin-right:-500px; text-indent:-999999999px; font-size:0; }

/* Slider */
.slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.slick-track { position:relative; top:0; left:0; display:block; }
.slick-track:before,.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { /* display:block; */ }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display:none; }
.slider-nav { width:100%; max-width:1020px; }
.slick-prev,.slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:36px; height:36px; padding:0; -webkit-transform: translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; color:transparent; outline:none; background:transparent; z-index:1000; }
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color:transparent; outline:none; background:transparent; }
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before, .slick-next:focus:before { opacity:1; color:#f14b4b; }
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity:.25; }
.slick-prev:before,.slick-next:before { font-size:36px; line-height:36px; line-height:1; color:#ccc; opacity:.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-prev { left:25px; }
[dir='rtl'] .slick-prev { right:-25px; left:auto; }
.slick-prev:before { content:'←'; }
[dir='rtl'] .slick-prev:before { content:'→'; }
.slick-next { right:25px; }
[dir='rtl'] .slick-next { right:auto; left:-25px; }
.slick-next:before { content:'→'; }
[dir='rtl'] .slick-next:before { content:'←'; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom:30px; }
.slick-dots { width:100%; padding:0; margin:0; list-style:none; text-align:center; }
.slick-dots li { cursor:pointer; }
.slick-dots li button { cursor:pointer; color:transparent; border:0; outline:none; background:transparent; }
.slick-dots li button:hover,.slick-dots li button:focus { outline:none; }
.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity:1; }
/*
.slick-dots li button:before { font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
*/
.slick-dots li.slick-active button:before { opacity:.75; color:black; }


/* container */
.mcawAc { width:100%; position:relative; background-position:top center; background-repeat:repeat-x; }
.mcawAc .mcawwCen1000 { width:1000px; margin:0 auto; overflow:hidden; }

.mainConArea01 { height:330px; background:#fafafa; }
.mainConArea01 .mcaw01 .titleTip { display:block; color:#333; text-align:center; margin-top:70px;  font-size:18px; font-weight:600;}
.mainConArea01 .mcaw01 .titleTip span {color:#666; font-size:18px; font-weight:600;}
.mainConArea01 .mcaw01 .mcaw01IconArea { margin-top:20px; }
.mainConArea01 .mcaw01 .mcaw01IconArea:after { display:block; content:""; clear:both; height:0; }
.mainConArea01 .mcaw01 .mcaw01IconArea li { width:25%; float:left; }
.mainConArea01 .mcaw01 .mcaw01IconArea li a { display:block; margin:30px 50px 0; text-align:center; font-size:13px; color:#666; line-height:18px; background-repeat:no-repeat; background-position:center top; padding-top:80px;}
.mainConArea01 .mcaw01 .mcaw01IconArea li a span {font-size:16px; color:#333;font-weight:600;}
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon01 { background-image:url('/images/main/con01_01.png'); }
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon02 { background-image:url('/images/main/con01_02.png'); }
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon03 { background-image:url('/images/main/con01_03.png'); }
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon04 { background-image:url('/images/main/con01_04.png'); }

.mainConArea02 { height:330px;}
.mainConArea02 .mcaw02 .latestBox  {position:relative; float:left; width:500px;}
.mainConArea02 .mcaw02 .latestBox h3 {font-size:20px; color:#333; font-weight:600; padding:50px 0 15px 20px;}
.mainConArea02 .mcaw02 .latestBox  ul li {margin:15px 20px;}
.mainConArea02 .mcaw02 .latestBox  ul li:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.mainConArea02 .mcaw02 .latestBox  ul li a	{display:block; font-size:14px; color:#666;}
.mainConArea02 .mcaw02 .latestBox  ul li a	p	{float:left; width:80%; overflow:hidden;white-space:nowrap; text-overflow: ellipsis; font-size:14px; color:#666}
.mainConArea02 .mcaw02 .latestBox  ul li a p strong.r {color:#bb0000;}
.mainConArea02 .mcaw02 .latestBox  ul li a p strong.b {color:#006dbb;}
.mainConArea02 .mcaw02 .latestBox  ul li a span	{float:right; width:20%; font-weight:normal; color:#888; text-align:right; font-size:14px;}

.mainConArea02 .mcaw02 .mcaw02Item { width:477px; height:225px; border:1px solid #dddddd; float:right; margin-top:50px; }
.mainConArea02 .mcaw02 .mcaw02Item a { display:block; }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li {width:49.8%; float:left;}
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li a { overflow:hidden; background-position:95px 25px; background-repeat:no-repeat; height:112px; text-align:center;}
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li .titHead { margin-top:70px; font-size:14px; color:#555555; font-weight:600;}
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li span { margin-top:15px; display:block; color:#666; font-size:13px; }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist01 a { background-image:url('/images/main/con02_01.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist02 a { background-image:url('/images/main/con02_02.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist03 a { background-image:url('/images/main/con02_03.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist04 a { background-image:url('/images/main/con02_04.png'); }
.mainConArea02 .mcaw02 .mcaw02Item dl { background-position:center 50px; background-repeat:no-repeat; padding-top:197px; height:129px; }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Icon02 { background-image:url('/images/main/img_cloud.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Icon03 { background-image:url('/images/main/img_sdata.png'); }
.mainConArea02 .mcaw02 .mcaw02Item dt { background:url('/images/main/lineTxt01.gif') no-repeat center bottom; padding-bottom:20px; text-align:center; }
.mainConArea02 .mcaw02 .mcaw02Item dt .titHead { font-size:21px; font-family:'noto-kr'; color:#333; }
.mainConArea02 .mcaw02 .mcaw02ItemArea .mcaw02Item dd { text-align:center; margin-top:22px; display:block; color:#666; font-size:16px; }



/* Border */
.bb1ddd { border-left:1px solid #ddd;}
.bb2ddd { border-bottom:1px solid #ddd;}

/* Background Color */
.bgCfa { background-color:#fafafa; }
.bgCff { background-color:#fff; }


.mainConArea03 { height:400px; background:#3e465b; }
.mainConArea03 .mcaw03 .mcaw03IconArea { margin-top:30px; left:0; }
.mainConArea03 .mcaw03 .mcaw03IconArea:after { display:block; content:""; clear:both; height:0; }
.mainConArea03 .mcaw03 .mcaw03IconArea li { width:20%; float:left; left:20px; }
.mainConArea03 .mcaw03 .mcaw03IconArea li table { margin-left:20px; text-align:left;}
.mainConArea03 .mcaw03 .mcaw03IconArea li table thead tr th, .mainConArea03 .mcaw03 .mcaw03IconArea li table tbody tr th  { text-align:left;}
.mainConArea03 .mcaw03 .mcaw03IconArea li table thead tr th a {font-size:16px; color:#fff; line-height:25px; font-weight:600;}
.mainConArea03 .mcaw03 .mcaw03IconArea li table tbody tr th a { display:block; font-size:12px; color:#ffffff; line-height:22px; left:0;}
.mainConArea03 .mcaw03 .mcaw03IconArea li table tbody tr td a { display:block; font-size:12px; color:#d4d4d4; line-height:18px;}



#footerWrap					{margin:0; padding:0; border-top:1px solid #3e465b;}
#footer						{position:relative; width:100%; max-width:1000px; margin:0 auto; padding:20px 0; background:url('/images/main/footer_icon.jpg') no-repeat right center; padding-bottom:20px; }
.footMenu li				{float:left; padding:0 8px;}
.footMenu li:first-child	{padding:0 8px 0 0; background:none;}
.footMenu li a				{font-size:13px; line-height:13px; color:#666; font-weight:600;}
.copyright					{margin-top:20px; font-size:12px; line-height:140%; color:#666;}
/*↑메인 */




}


/**** tablet ****/
@media all and	(max-width:999px){

#gnb,
.tabMenu,
.none_TM					{display:none;}


#headerWrap					{margin:0; padding:0;}
#header						{position:relative; width:100%; height:68px; border-bottom:2px solid #006dbb;}
#header:after				{content:" "; display:block; clear:both; height:0; visibility:hidden;}
#header	h1.logo				{width:183px; height:38px; padding-top:20px; margin-left:15px; background:url('/images/common/logo_mobile.png') no-repeat 0 bottom;}
#header	h1.logo a			{display:block; width:100%; height:100%;}
.menuOn						{position:absolute; right:15px; top:15px; display:block; width:40px; height:40px; cursor:pointer;}
.menuOn	img					{width:100%;}
.topMenu					{position:absolute; right:0; top:-62px;}
.topMenu li					{float:left; padding:0 8px; background:url('/images/common/line_topMenu.gif') no-repeat right 40px; }
.topMenu li:last-child		{background:none;}
.topMenu li a				{font-size:11px; line-height:90px;  color:#9e9e9e;}

#sideMenu					{position:absolute; left:100%; top:0; width:30%; height:100%; background:#363a3b; z-index:10000; }
#sideMenu .btnClose			{display:inline-block; padding:10px; }

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a	{margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu ul ul				{display: none;}
#cssmenu > ul > li > a		{padding:15px 20px; cursor: pointer; z-index: 2; font-size: 14px; text-decoration: none; background:#363a3b; border-bottom:1px solid #222526; border-top:1px solid #444;}							  
#cssmenu > ul > li > a:hover, #cssmenu > ul > li.active > a, #cssmenu > ul > li.open > a {background:#006dbb; border-bottom:1px solid #006dbb;}
#cssmenu > ul > li > a > span{color:#fff;}

.holder	{width: 0; height: 0; position: absolute; top: 0; right: 0; }
.holder::after,.holder::before{display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.holder::after				{top: 17px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; }
.holder::before				{top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; }

#cssmenu ul ul li a			{cursor: pointer; border-bottom: 1px solid #b4b4b4; padding: 10px 10px; z-index: 1; text-decoration: none; font-size:14px; color: #fff; background: #dddddd;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.open > a, #cssmenu ul ul li.active > a {background: #cacaca; color: #ffffff; }
#cssmenu ul ul ul li a		{border-bottom:1px solid #d9d9d9; padding-left:15px; background:#fff; color:#666;}
#cssmenu ul ul ul li:hover > a, #cssmenu ul ul ul li.open > a, #cssmenu ul ul ul li.active > a {background:#fff;}

#cssmenu > ul > li > ul > li:last-child > a, #cssmenu > ul > li > ul > li.last > a {border-bottom: 0;}
#cssmenu > ul > li > ul > li.open:last-child > a, #cssmenu > ul > li > ul > li.last.open > a {border-bottom: 1px solid #32373e;}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0;}
#cssmenu ul ul li.has-sub > a::after {display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index:10; top:11.5px; border-top: 2px solid #666; border-left: 2px solid #666; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
#cssmenu ul ul li.active > a::after, #cssmenu ul ul li.open > a::after, #cssmenu ul ul li > a:hover::after { border-color: #666;}


/* Main visual */
.mainSlide { width:100%; height:300px; overflow:hidden; position:relative; }
.mainSlide .msArea { height:300px; }
.mainSlide .msArea .maItem { height:300px; background-position:center center; background-size:cover; }
.mainSlide .msArea .maItem .maItemLink { display:block; position:absolute; top:0; left:0; width:100%; height:300px; }
.mainSlide .msCon { width:100%; margin:0 auto; padding-bottom:71px; position:relative; }
.mainSlide .msCon .toptip { display:none;}
.mainSlide .msCon h3 img { display:none;}
.mainSlide .msCon .subCopy { display:none;}


.mainSlide .msBotMenu { width:100%; height:50px; position:absolute; bottom:0; z-index:1000; }
.mainSlide .msBotMenu ul.ktButton { width:100%; height:50px; background:none; margin:0 auto; position:relative; }
.mainSlide .msBotMenu ul.ktButton li { float:left; width:25%; }
.mainSlide .msBotMenu ul.ktButton li .mbBtn { display:block; margin-left:1px; background-color: rgba(0,0,0,0.7);​}
.mainSlide .msBotMenu ul.ktButton li .mbBtn:hover { background:#006dbb; }
.mainSlide .msBotMenu ul.ktButton li.slick-active .mbBtn { background:#006dbb; }
/* .mainSlide .msBotMenu ul.ktButton li:last-child .mbBtn { margin-right:1px; } */
.mainSlide .msBotMenu ul.ktButton li .mbBtn button { display:block; width:100%; color:#fff; height:50px; text-align:center; font-size:16px; }
.mainSlide .msBotBgL { width:100%; height:50px; background-color: rgba(0,0,0,0.7); position:absolute; bottom:0; left:-50%; margin-left:-500px; text-indent:-999999999px; font-size:0; }
.mainSlide .msBotBgR { width:100%; height:50px; background-color: rgba(0,0,0,0.7); position:absolute; bottom:0; right:-50%; margin-right:-500px; text-indent:-999999999px; font-size:0; }

/* Slider */
.slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.slick-track { position:relative; top:0; left:0; display:block; }
.slick-track:before,.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { /* display:block; */ }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display:none; }
.slider-nav { width:100%; max-width:1020px; }
.slick-prev,.slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:36px; height:36px; padding:0; -webkit-transform: translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; color:transparent; outline:none; background:transparent; z-index:1000; }
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color:transparent; outline:none; background:transparent; }
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before, .slick-next:focus:before { opacity:1; color:#f14b4b; }
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity:.25; }
.slick-prev:before,.slick-next:before { font-size:36px; line-height:36px; line-height:1; color:#ccc; opacity:.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-prev { left:25px; }
[dir='rtl'] .slick-prev { right:-25px; left:auto; }
.slick-prev:before { content:'←'; }
[dir='rtl'] .slick-prev:before { content:'→'; }
.slick-next { right:25px; }
[dir='rtl'] .slick-next { right:auto; left:-25px; }
.slick-next:before { content:'→'; }
[dir='rtl'] .slick-next:before { content:'←'; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom:30px; }
.slick-dots { width:100%; padding:0; margin:0; list-style:none; text-align:center; }
.slick-dots li { cursor:pointer; }
.slick-dots li button { cursor:pointer; color:transparent; border:0; outline:none; background:transparent; }
.slick-dots li button:hover,.slick-dots li button:focus { outline:none; }
.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity:1; }
/*
.slick-dots li button:before { font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
*/
.slick-dots li.slick-active button:before { opacity:.75; color:black; }


/* container */
.mcawAc { width:100%; position:relative; background-position:top center; background-repeat:repeat-x; }
.mcawAc .mcawwCen1000 { width:100%; margin:0 auto; overflow:hidden; }

.mainConArea01 {background:#fafafa; padding-bottom:30px; }
.mainConArea01 .mcaw01 .titleTip { display:block; color:#333; text-align:center; margin-top:30px;  font-size:18px; font-weight:600;}
.mainConArea01 .mcaw01 .titleTip span {color:#666; font-size:18px; font-weight:600;}
.mainConArea01 .mcaw01 .mcaw01IconArea { margin-top:20px; }
.mainConArea01 .mcaw01 .mcaw01IconArea:after { display:block; content:""; clear:both; height:0; }
.mainConArea01 .mcaw01 .mcaw01IconArea li { width:25%; float:left; }
.mainConArea01 .mcaw01 .mcaw01IconArea li a { display:block; margin:2%; text-align:center; font-size:13px; color:#666; line-height:18px; background-repeat:no-repeat; background-position:center top; padding-top:80px;}
.mainConArea01 .mcaw01 .mcaw01IconArea li a span {font-size:16px; color:#333;font-weight:600;}
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon01 { background-image:url('/images/main/con01_01.png'); }
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon02 { background-image:url('/images/main/con01_02.png'); }
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon03 { background-image:url('/images/main/con01_03.png'); }
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon04 { background-image:url('/images/main/con01_04.png'); }

.mainConArea02 { width:100%; padding-bottom:30px;}
.mainConArea02 .mcaw02 .latestBox  {position:relative; width:100%; padding-bottom:30px;}
.mainConArea02 .mcaw02 .latestBox h3 {font-size:20px; color:#333; font-weight:600; padding:30px 0 15px 20px;}
.mainConArea02 .mcaw02 .latestBox  ul li {margin:15px 20px;}
.mainConArea02 .mcaw02 .latestBox  ul li:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.mainConArea02 .mcaw02 .latestBox  ul li a	{display:block; font-size:14px; color:#666;}
.mainConArea02 .mcaw02 .latestBox  ul li a	p	{float:left; width:80%; overflow:hidden;white-space:nowrap; text-overflow: ellipsis; font-size:14px; color:#666}
.mainConArea02 .mcaw02 .latestBox  ul li a p strong.r {color:#bb0000;}
.mainConArea02 .mcaw02 .latestBox  ul li a p strong.b {color:#006dbb;}
.mainConArea02 .mcaw02 .latestBox  ul li a span	{float:right; width:20%; font-weight:normal; color:#888; text-align:right; font-size:14px;}

.mainConArea02 .mcaw02 .mcaw02Item { width:96%; height:225px; border:1px solid #dddddd; margin: 0 auto; }
.mainConArea02 .mcaw02 .mcaw02Item a { display:block; }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li {width:49.8%; float:left;}
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li a { overflow:hidden; background-position:50% 25px; background-repeat:no-repeat; height:112px; text-align:center;}
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li .titHead { margin-top:70px; font-size:14px; color:#555555; font-weight:600;}
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li span { margin-top:15px; display:block; color:#666; font-size:13px; }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist01 a { background-image:url('/images/main/con02_01.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist02 a { background-image:url('/images/main/con02_02.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist03 a { background-image:url('/images/main/con02_03.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist04 a { background-image:url('/images/main/con02_04.png'); }
.mainConArea02 .mcaw02 .mcaw02Item dl { background-position:center 50px; background-repeat:no-repeat; padding-top:197px; height:129px; }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Icon02 { background-image:url('/images/main/img_cloud.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Icon03 { background-image:url('/images/main/img_sdata.png'); }
.mainConArea02 .mcaw02 .mcaw02Item dt { background:url('/images/main/lineTxt01.gif') no-repeat center bottom; padding-bottom:20px; text-align:center; }
.mainConArea02 .mcaw02 .mcaw02Item dt .titHead { font-size:21px; font-family:'noto-kr'; color:#333; }
.mainConArea02 .mcaw02 .mcaw02ItemArea .mcaw02Item dd { text-align:center; margin-top:22px; display:block; color:#666; font-size:16px; }



/* Border */
.bb1ddd { border-left:1px solid #ddd;}
.bb2ddd { border-bottom:1px solid #ddd;}

/* Background Color */
.bgCfa { background-color:#fafafa; }
.bgCff { background-color:#fff; }


.mainConArea03 { display:none;}

#footerWrap					{background:#333333; margin:0; padding:20px;}
#footer						{position:relative; width:100%;}
.footMenu li				{float:left; padding:0 8px; background:url('/images/common/line_bottomMenu.gif') no-repeat 0 6px;}
.footMenu li:first-child	{padding:0 8px 0 0; background:none;}
.footMenu li:last-child a	{color:#46d1f4;}
.footMenu li a				{font-size:13px; line-height:13px;  color:#fff; font-weight:600;}
.copyright					{margin-top:10px; font-size:12px; line-height:140%;  color:#fff;}
.copyright a				{color:#fff;}

}



/**** mobile ****/
@media all and (max-width:700px){


#wrapper			{min-width:320px;}

#header						{position:relative; width:100%; height:50px;}
#header	h1.logo				{width:130px; height:22px; padding-top:15px; margin-left:10px; background:url('/images/common/logo_mobile.png') no-repeat 0 bottom; background-size:100%;}
#header	h1.logo a			{display:block; width:100%; height:100%;}
.menuOn						{position:absolute; right:10px; top:10px; display:block; width:30px; height:30px; cursor:pointer;}

.latestBox  ul li a	p		{width:70%;}
.latestBox  ul li a span	{width:30%;}

.mainBox					{float:left; width:50%; height:160px; text-align:center;}
.mainBox a img				{width:50px;}
.mainBox a p				{color:#fff; font-size:16px; line-height:16px;  font-weight:600; margin-top:20px;}

#footerWrap					{background:#333333; margin:0; padding:15px;}


/* Main visual */
.mainSlide { width:100%; height:150px; overflow:hidden; position:relative; }
.mainSlide .msArea { height:150px; }
.mainSlide .msArea .maItem { height:150px; background-position:center center; background-size:cover; }
.mainSlide .msArea .maItem .maItemLink { display:block; position:absolute; top:0; left:0; width:100%; height:150px; }
.mainSlide .msCon { width:100%; margin:0 auto; padding-bottom:71px; position:relative; }
.mainSlide .msCon .toptip { display:none;}
.mainSlide .msCon h3 img { display:none;}
.mainSlide .msCon .subCopy { display:none;}


.mainSlide .msBotMenu { width:100%; height:50px; position:absolute; bottom:0; z-index:1000; }
.mainSlide .msBotMenu ul.ktButton { width:100%; height:50px; background:none; margin:0 auto; position:relative; }
.mainSlide .msBotMenu ul.ktButton li { float:left; width:25%; }
.mainSlide .msBotMenu ul.ktButton li .mbBtn { display:block; margin-left:1px; background-color: rgba(0,0,0,0.7);​}
.mainSlide .msBotMenu ul.ktButton li .mbBtn:hover { background:#006dbb; }
.mainSlide .msBotMenu ul.ktButton li.slick-active .mbBtn { background:#006dbb; }
/* .mainSlide .msBotMenu ul.ktButton li:last-child .mbBtn { margin-right:1px; } */
.mainSlide .msBotMenu ul.ktButton li .mbBtn button { display:block; width:100%; color:#fff; height:50px; text-align:center; font-size:14px;  }
.mainSlide .msBotBgL { width:100%; height:50px; background-color: rgba(0,0,0,0.7); position:absolute; bottom:0; left:-50%; margin-left:-500px; text-indent:-999999999px; font-size:0; }
.mainSlide .msBotBgR { width:100%; height:50px; background-color: rgba(0,0,0,0.7); position:absolute; bottom:0; right:-50%; margin-right:-500px; text-indent:-999999999px; font-size:0; }

/* Slider */
.slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.slick-track { position:relative; top:0; left:0; display:block; }
.slick-track:before,.slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { /* display:block; */ }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display:none; }
.slider-nav { width:100%; max-width:1020px; }
.slick-prev,.slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:36px; height:36px; padding:0; -webkit-transform: translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); cursor:pointer; color:transparent; outline:none; background:transparent; z-index:1000; }
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color:transparent; outline:none; background:transparent; }
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before, .slick-next:focus:before { opacity:1; color:#f14b4b; }
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity:.25; }
.slick-prev:before,.slick-next:before { font-size:36px; line-height:36px; line-height:1; color:#ccc; opacity:.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-prev { left:25px; }
[dir='rtl'] .slick-prev { right:-25px; left:auto; }
.slick-prev:before { content:'←'; }
[dir='rtl'] .slick-prev:before { content:'→'; }
.slick-next { right:25px; }
[dir='rtl'] .slick-next { right:auto; left:-25px; }
.slick-next:before { content:'→'; }
[dir='rtl'] .slick-next:before { content:'←'; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom:30px; }
.slick-dots { width:100%; padding:0; margin:0; list-style:none; text-align:center; }
.slick-dots li { cursor:pointer; }
.slick-dots li button { cursor:pointer; color:transparent; border:0; outline:none; background:transparent; }
.slick-dots li button:hover,.slick-dots li button:focus { outline:none; }
.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity:1; }
/*
.slick-dots li button:before { font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
*/
.slick-dots li.slick-active button:before { opacity:.75; color:black; }


/* container */
.mcawAc { width:100%; position:relative; background-position:top center; background-repeat:repeat-x; }
.mcawAc .mcawwCen1000 { width:100%; margin:0 auto; overflow:hidden; }

.mainConArea01 {background:#fafafa; padding-bottom:30px; }
.mainConArea01 .mcaw01 .titleTip { display:block; color:#333; text-align:center; margin-top:30px;  font-size:16px; font-weight:600;}
.mainConArea01 .mcaw01 .titleTip span {color:#666; font-size:16px; font-weight:600;}
.mainConArea01 .mcaw01 .mcaw01IconArea { margin-top:20px; }
.mainConArea01 .mcaw01 .mcaw01IconArea:after { display:block; content:""; clear:both; height:0; }
.mainConArea01 .mcaw01 .mcaw01IconArea li { width:50%; float:left; }
.mainConArea01 .mcaw01 .mcaw01IconArea li a { display:block; margin:2%; text-align:center; font-size:13px; color:#666; line-height:18px; background-repeat:no-repeat; background-position:center top; padding-top:80px;}
.mainConArea01 .mcaw01 .mcaw01IconArea li a span {font-size:16px; color:#333;font-weight:600;}
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon01 { background-image:url('/images/main/con01_01.png'); }
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon02 { background-image:url('/images/main/con01_02.png'); }
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon03 { background-image:url('/images/main/con01_03.png'); }
.mainConArea01 .mcaw01 .mcaw01IconArea li a.icon04 { background-image:url('/images/main/con01_04.png'); }

.mainConArea02 { width:100%; padding-bottom:30px;}
.mainConArea02 .mcaw02 .latestBox  {position:relative; width:100%; padding-bottom:30px;}
.mainConArea02 .mcaw02 .latestBox h3 {font-size:20px; color:#333; font-weight:600; padding:30px 0 15px 20px;}
.mainConArea02 .mcaw02 .latestBox  ul li {margin:15px 20px;}
.mainConArea02 .mcaw02 .latestBox  ul li:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.mainConArea02 .mcaw02 .latestBox  ul li a	{display:block; font-size:14px; color:#666;}
.mainConArea02 .mcaw02 .latestBox  ul li a	p	{float:left; width:80%; overflow:hidden;white-space:nowrap; text-overflow: ellipsis; font-size:14px; color:#666}
.mainConArea02 .mcaw02 .latestBox  ul li a p strong.r {color:#bb0000;}
.mainConArea02 .mcaw02 .latestBox  ul li a p strong.b {color:#006dbb;}
.mainConArea02 .mcaw02 .latestBox  ul li a span	{float:right; width:20%; font-weight:normal; color:#888; text-align:right; font-size:14px;}

.mainConArea02 .mcaw02 .mcaw02Item { width:96%; height:225px; border:1px solid #dddddd; margin: 0 auto; }
.mainConArea02 .mcaw02 .mcaw02Item a { display:block; }

.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li {width:49.8%; float:left;}
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li a { overflow:hidden; background-position:50% 25px; background-repeat:no-repeat; height:112px; text-align:center;}
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li .titHead { margin-top:70px; font-size:14px; color:#555555; font-weight:600;}
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li span { margin-top:15px; display:block; color:#666; font-size:13px; }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist01 a { background-image:url('/images/main/con02_01.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist02 a { background-image:url('/images/main/con02_02.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist03 a { background-image:url('/images/main/con02_03.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Iblist li.mcaw02Iblist04 a { background-image:url('/images/main/con02_04.png'); }
.mainConArea02 .mcaw02 .mcaw02Item dl { background-position:center 50px; background-repeat:no-repeat; padding-top:197px; height:129px; }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Icon02 { background-image:url('/images/main/img_cloud.png'); }
.mainConArea02 .mcaw02 .mcaw02Item .mcaw02Icon03 { background-image:url('/images/main/img_sdata.png'); }
.mainConArea02 .mcaw02 .mcaw02Item dt { background:url('/images/main/lineTxt01.gif') no-repeat center bottom; padding-bottom:20px; text-align:center; }
.mainConArea02 .mcaw02 .mcaw02Item dt .titHead { font-size:21px; font-family:'noto-kr'; color:#333; }
.mainConArea02 .mcaw02 .mcaw02ItemArea .mcaw02Item dd { text-align:center; margin-top:22px; display:block; color:#666; font-size:16px; }



/* Border */
.bb1ddd { border-left:1px solid #ddd;}
.bb2ddd { border-bottom:1px solid #ddd;}

/* Background Color */
.bgCfa { background-color:#fafafa; }
.bgCff { background-color:#fff; }


.mainConArea03 { display:none;}



}


/**** mobile ****/
@media all and (max-width:480px){


.tbl_list table td.num		{display:none}
.pasing						{margin:30px auto; text-align:center}
.pasing		a				{display:inline-block; width:35px; height:35px; color:#999; font-size:12px; line-height:30%;  border:1px solid #e4e4e4; margin-left:-1px; vertical-align:middle}
.pasing		a.page_on		{color:#1f62b1; background-color:#f6f6f6; font-weight:600}
.pasing		a.prev_btn		{background:url('/images/sub/list_num_prev.gif') no-repeat 0 -1px; margin-right:5px;}
.pasing		a.next_btn		{background:url('/images/sub/list_num_next.gif') no-repeat 0 -1px; margin-left:5px;}

.list_search_box					{border:1px solid #d1d1d1; background-color:#f6f6f6; text-align:center; padding:20px;}
.list_search_box	select			{width:100%;}
.list_search_box	input			{height:30px; padding:4px 0; width:100%; border:1px solid #e4e4e4; margin:5px 0;}
.list_search_box	a.search_btn	{display:block; background-color:#1f62b1; font-size:14px; line-height:130%; font-weight:600; color:#fff; width:100%; border:1px solid #1f62b1; height:29px; vertical-align:top; padding-top:10px;}

.btn_style02							{text-align:center; padding-bottom:25px;}

.tbl_list table td.tlt			{border-right:1px solid #e4e4e4; width:40px; background-color:#f6f6f6; text-align:center;font-size:14px; line-height:160%; font-weight:600; color:#444; word-break: break-all;}
.tbl_list02 table td.tlt		{border-right:1px solid #e4e4e4; width:40px; background-color:#f6f6f6; text-align:center;font-size:14px; line-height:160%; font-weight:600; color:#444}
.tbl_view_contents				{padding:20px; overflow: hidden; font-size:14px; line-height:200%; }

.oncal img                      { width:100%;}
#Scheduler_Board_Month          {}
.login_logo img             {width:80%;}
a.search_btn01	{display:inline-block; background-color:#666; font-size:14px; line-height:130%; font-weight:600; color:#fff; width:110px; height:29px; vertical-align:top; padding-top:10px; text-align:center; margin-top:10px;}
}