@charset "utf-8";

/* 초기화 */
html {position:relative;width:100%;height:100%;overflow-y:scroll}
body {margin:0;padding:0;position:relative;width:100%;height:100%;background:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 5px #9ed4ff;-moz-box-shadow:  0 0 5px #9ed4ff;box-shadow: 0 0 5px #9ed4ff;border: 1px solid #558ab7 !important;}
.placeholdersjs {color:#aaa !important;}

.container {position:relative;max-width:1360px;margin:0 auto;padding:0 10px;}
.container:after {display:block;visibility:hidden;clear:both;content:"";}
table {border-collapse:collapse;}
img {max-width:100%;height:auto;}

/* 상단 */
header#hd {position:fixed;left:0;width:100%;height:80px;text-align:center;background:#343f51;z-index:11;}
#hd_logo {position:absolute;left:0;top:0;}
	#hd_logo a {display:block;line-height:80px;}
#lng {position:absolute;right:0;top:20px;list-style:none;margin:0;padding:0;}
	#lng:after {display:block;visibility:hidden;clear:both;content:"";}
	#lng li {float:left;height:40px;}
	#lng li+li {border-left:1px solid rgba(255,255,255,.3);}
	#lng li a {display:inline-block;padding:0 10px;font-family:"Roboto Condensed","Oswald",Roboto,Arial,Serif;font-weight:100;color:#b2b2b2;line-height:40px;}
	#lng li a.hover {color:#fff;}
#gnb {display:inline-block;position:relative;margin:0 auto;}
	#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	#gnb ul {list-style:none;margin:0;padding:0;}
	#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_1dul {}
	.gnb_1dli {float:left;position:relative;}
	.gnb_1da {display:block;padding:0 25px;font-family:"NanumSB",'Noto Sans Kr',"NanumGothic","나눔고딕","돋움";font-size:1.3em;font-weight:normal;color:#fff;line-height:80px;transition:all .2s;}
	#gnb_1dul:hover .gnb_1da {color:#a9b6cb;}
	#hd.hd_s .gnb_1da {color:#a9b6cb;}
	#hd.hd_s .gnb_1da:hover, #hd.hd_s .gnb_1da:focus, #hd.hd_s .gnb_1da.hover, #gnb_1dul:hover .gnb_1da:hover, #gnb_1dul:hover .gnb_1dli:hover .gnb_1da {color:#fff;}
	.gnb_2dul {display:none;position:absolute;top:0;min-width:240px;background:#343f51;z-index:2;}
	.gnb_2dli {}
	.gnb_2da {display:block;padding:0 10px;color:#fff;line-height:32px;text-align:left;transition:all .2s;}
	.gnb_2da:hover, .gnb_2da:focus, .gnb_2da.hover {color:#fd0;background:#545e6d;}
	.gnb_1dli_over .gnb_2dul {display:block;left:0;top:80px;}
	.gnb_1dli_over2 .gnb_2dul {display:block;right:0;top:80px;}
@media (min-width:1025px) {#gnb_all {display:none;}}
/* 1024px 미만 해상도를 위한 코드 */
@media all and (max-width:1024px) {
	#hd_logo img {transform:scale(.7);}
	#lng {top:25px;right:105px;}
	#lng li+li {border:none;}
	#lng li a {font-size:0;line-height:0;width:30px;height:30px;padding:0;border-radius:50%;background:#92abe7;}
	#lng li a:first-letter {font-size:12px;line-height:30px;color:#000;}
	#lng li a.hover {display:none;}
	#gnb_1dul, .gnb_2dul, #hd .all {display:none;}
	div#gnb_all {position:fixed;left:0;top:0;width:100%;background:transparent;}
	div.gnb_menu_btn {position:absolute;top:20px;right:0;width:100px;height:40px;cursor:pointer;background:rgba(0,0,0,.6);z-index:3;}
	div.gnb_menu_btn div.txt {position:absolute;top:10px;right:20px;color:#fff;text-transform:uppercase;}
	div.x,
	div.y,
	div.z {
		position:absolute;margin:auto;border-radius:2px;background:#fff;
		-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;
	}
	div.x, div.y, div.z {left:20px;width:20px;height:3px;}
	div.x {top:10px;}
	div.y {top:17px;}
	div.z {top:24px;}
	div.collapse {top:18px;background:#fc0;-webkit-transition:all 70ms ease-out;-moz-transition:all 70ms ease-out;-ms-transition:all 70ms ease-out;-o-transition:all 70ms ease-out;transition:all 70ms ease-out;}
	div.rotate30{
		-ms-transform:rotate(30deg);
		-webkit-transform:rotate(30deg);
		transform:rotate(30deg);
		-webkit-transition:all 50ms ease-out;
		-moz-transition:all 50ms ease-out;
		-ms-transition:all 50ms ease-out;
		-o-transition:all 50ms ease-out;
		transition:all 50ms ease-out;
	}
	div.rotate150{
		-ms-transform:rotate(150deg);
		-webkit-transform:rotate(150deg);
		transform:rotate(150deg);
		-webkit-transition:all 50ms ease-out;
		-moz-transition:all 50ms ease-out;
		-ms-transition:all 50ms ease-out;
		-o-transition:all 50ms ease-out;
		transition:all 50ms ease-out;
	}
	div.rotate45{
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		-webkit-transition:all 100ms ease-out;
		-moz-transition:all 100ms ease-out;
		-ms-transition:all 100ms ease-out;
		-o-transition:all 100ms ease-out;
		transition:all 100ms ease-out;
	}
	div.rotate135{
		-ms-transform:rotate(135deg);
		-webkit-transform:rotate(135deg);
		transform:rotate(135deg);
		-webkit-transition:all 100ms ease-out;
		-moz-transition:all 100ms ease-out;
		-ms-transition:all 100ms ease-out;
		-o-transition:all 100ms ease-out;
		transition:all 100ms ease-out;
	}
	div.circle{
		position:fixed;left:0;top:0;width:0;height:0;border-radius:50%;
		-webkit-transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	div.circle.expand {
		position:fixed;width:100%;height:100%;opacity:1;border-radius:0;background:rgba(0,0,0,.9);z-index:2;
		-webkit-transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	div.menu {position:absolute;left:0;top:0;height:100%;width:100%;margin-top:-30px;z-index:2;}
	div.menu ul li {
		position:absolute;left:0;top:0;;list-style:none;width:100%;font-size:0;text-align:center;opacity:0;
		-webkit-transition:all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition:all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition:all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition:all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition:all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	div.menu ul li a {display:block;color:#fff !important;line-height:30px;}
	div.menu ul li a:hover {color:#fc0 !important;}
	div.menu li.animate{
		font-size:21px;opacity:1;
		-webkit-transition:all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition:all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition:all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition:all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition:all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	div.menu li.animate:nth-of-type(1) {top:200px;transition-delay:0.0s;}
	div.menu li.animate:nth-of-type(2) {top:250px;transition-delay:0.03s;}
	div.menu li.animate:nth-of-type(3) {top:300px;transition-delay:0.06s;}
	div.menu li.animate:nth-of-type(4) {top:350px;transition-delay:0.09s;}
}

/* 하단 */
#ft_qk {position:relative;padding:40px 0;text-align:center;background:#419bb9;overflow-x:hidden;}
	#ft_qk h2 {margin:0;font-family:"NanumSB",'Noto Sans Kr',"NanumGothic","나눔고딕","돋움";font-weight:normal;font-size:2.1em;color:#fff;}
	#ft_qk p {margin:20px 0 35px;font-size:.92em;color:rgba(255,255,255,.8);}
	#ft_qk a.more {display:inline-block;width:220px;border:3px solid rgba(255,255,255,.8);border-radius:5em;font-size:1.2em;color:#fff;line-height:42px;background:rgba(255,255,255,.2);transition:all .2s;}
	#ft_qk a.more:hover {border:3px solid rgba(255,255,255,1);background:rgba(0,0,0,.1);box-shadow:0 3px 7px rgba(0,0,0,.2);}
	#ft_qk:before {position:absolute;right:0;bottom:130px;width:180px;margin-right:-50px;border-top:1px solid #fff;content:"";transform:rotate(45deg);transform-origin:0% 0%;}
	#ft_qk:after {position:absolute;left:0;top:0;width:230px;border-top:1px solid #fff;content:"";transform:rotate(45deg);transform-origin:0% 0%;}
@media all and (max-width:980px) {
	#ft_qk {padding:20px 0;}
	#ft_qk h2 {font-size:1.3em;}
	#ft_qk p {margin:15px 0 20px;}
	#ft_qk a.more {font-size:1em;line-height:28px;}
	#ft_qk:before, #ft_qk:after {display:none;}
}
#ft_prod {position:relative;margin:50px 0;}
	#ft_prod .box {display:table;width:100%;}
	#ft_prod h2 {display:table-cell;margin:0;padding:10px 50px 10px 0;border-right:1px solid rgba(0,0,0,.2);font-size:2.3em;color:#c53b2d;vertical-align:middle;}
	#ft_prod h2 span {display:block;font-weight:300;color:#c53b2d;}
	#ft_prod h2 strong {font-weight:700;color:#c53b2d;}
	#ft_prod ul {display:table-cell;list-style:none;*list-style:decimal;counter-reset:li;margin:0;padding:0 0 0 50px;vertical-align:middle;}
	#ft_prod ul:after {display:block;clear:both;content:"";}
	#ft_prod ul li {float:left;width:30%;margin:0 3% 10px 0;}
	#ft_prod ul li a {display:block;position:relative;padding:.4em .4em .4em 2em;*padding:.4em;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:3em;font-family:"Roboto Condensed",Oswald,"NanumSR";color:rgba(0,0,0,.75);text-transform:uppercase;background:rgba(0,0,0,.04);}
	#ft_prod ul li a:hover, #ft_prod ul li a.hover {color:#fff;background:#3e576b;}
	#ft_prod ul li a:before {position:absolute;left:-20px;top:50%;content:counter(li);counter-increment:li;width:40px;height:40px;margin-top:-1.3em;border:.3em solid #fff;-moz-border-radius:2em;-webkit-border-radius:2em;border-radius:2em;font-weight:bold;color:#FFF;line-height:30px;text-align:center;background:#99a7b1;}
@media all and (max-width:1200px) {
	#ft_prod .box {display:block;}
	#ft_prod h2 {display:block;margin-bottom:20px;padding:10px;border:none;}
	#ft_prod h2 span {display:inline-block;}
	#ft_prod ul {display:block;padding-left:25px;}
}
@media all and (max-width:980px) {#ft_prod {margin:25px 0;} #ft_prod h2 {font-size:1.7em;} #ft_prod ul li {width:47%;}}
@media all and (max-width:750px) {#ft_prod {display:none;}}
#ft_wrap {position:relative;padding:30px 0;background:#303940;}
	#ft_wrap * {color:#fff;}
	#ft_wrap h2 {float:left;margin:0 40px 0 0;padding:0;font-family:"Roboto Condensed",Oswald,"NanumSB";font-weight:normal;font-size:1.8em;}
	#ft_wrap .ft_info {float:left;}
	#ft_wrap ul {list-style:none;margin:0;padding:0;}
	#ft_wrap ul li dl {margin:0;margin-bottom:15px;font-size:.88em;}
	#ft_wrap ul li dl:after {display:block;clear:both;content:"";}
	#ft_wrap ul li dt {float:left;width:65px;color:rgba(255,255,255,.7);}
	#ft_wrap ul li dd {float:left;margin:0 0 0 15px;}
	#ft_wrap ul li dd span {display:inline-block;}
	#ft_wrap ul li dd span+span {margin-left:15px;}
	#ft_wrap p.ft_priv {display:block;}
	#ft_wrap p.ft_priv a.priv {display:inline-block;padding:5px 7px;border-radius:3px;font-size:.82em;background:rgba(0,0,0,.7);}
	#ft_wrap p.ft_copy {float:right;font-size:.78em;margin:60px 0 0;color:rgba(255,255,255,.5);}
	#ft_wrap p.ft_copy strong {font-weight:500;color:rgba(255,255,255,.75);}
@media all and (max-width:750px) {
	#ft_wrap h2 {float:none;margin:0 0 20px 0;font-size:1.3em;text-align:center;}
	#ft_wrap .ft_info {float:none;}
	#ft_wrap ul li dt {float:none;width:auto;}
	#ft_wrap ul li dd {float:none;margin:5px 0 0 0;}
	#ft_wrap p.ft_priv {display:block;text-align:right;}
	#ft_wrap p.ft_copy {float:none;margin-top:10px;text-align:right;}
}
#top_btn {display:block;position:fixed;bottom:20px;right:20px;width:30px;height:30px;border:1px solid #333;border-radius:50%;line-height:30px;text-align:center;z-index:90;background:rgba(255,255,255,0.5);overflow:hidden;z-index: 999;white-space:nowrap;visibility:hidden;opacity: 0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition:opacity .3s 0s, visibility 0s .3s;transition:all .3s;}
	#top_btn i {color:#333 !important;}
	#top_btn:hover {border-color:#3059c7;color:#fff;background:#3059c7;}
	#top_btn:hover i {color:#fff;}
	#top_btn.cd-is-visible, #top_btn.cd-fade-out, .no-touch #top_btn:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
	#top_btn.cd-is-visible {visibility:visible;opacity:1;}
	#top_btn.cd-fade-out {opacity:.5;}
	.no-touch #top_btn:hover {opacity: 1;}

/* 메인 */
#wrap_m {position:relative;width:100%;padding-top:60px;overflow:auto;}
#m_vis {position:relative;width:100%;background:#bcb7ae;overflow:hidden;}
	#m_vis .slider {position:relative;width:100%;height:100%;margin:0 auto;}
	.fraction-slider {position:relative;width:100%;height:100%;overflow:visible;}
	.fraction-slider .slide {display:none;position:absolute;width:100%;height:100%;z-index:1;}
	.fraction-slider .active-slide {z-index:5;}
	.fraction-slider .fs_obj {display:none;position:absolute;top:0px;left:100%;z-index:1;}
	.fraction-slider .fs_fixed_obj {left:0;z-index:1;}
	.fraction-slider .fs_obj * {display:inline-block;position:relative;top:0;left:0;}
	.fs_loader {width:100%;height:400px;background:url('../img/fs.spinner.gif') no-repeat center center transparent;}
	/** PAGER **/
	.fs-pager-wrapper {position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:9;}
	.fs-pager-wrapper a {display:inline-block;width:25px;height:25px;margin:0 5px;border:2px solid #fff;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s;}
	.fs-pager-wrapper a:hover {background:rgba(255,238,51,.7);}
	.fs-pager-wrapper a.active {background:rgba(255,255,255,1);}
	/* ELEMENT STYLES */
	#m_vis h2, #m_vis p {position:absolute;top:-200px;width:100%;height:auto !important;font-size:24px;color:#fff;text-align:center;z-index:5;}
	#m_vis h2 {padding-bottom:30px;font-family:"Noto Sans Kr","NanumGothic","나눔고딕","돋움";font-size:3em;font-weight:700;color:#fff;background:url('../img/m_vis_symbol.png') no-repeat center bottom;}
	#m_vis p.txt1 {font-family:"NanumSB","Noto Sans Kr","NanumGothic","나눔고딕","돋움";font-size:2em;font-weight:normal;color:#fe3;}
	#m_vis p.txt2 {font-family:"Noto Sans Kr","NanumGothic","나눔고딕","돋움";font-size:1.3em;font-weight:300;color:#fff;line-height:1.4em !important;}
	#m_vis .slide_bg {position:absolute;left:0;top:0;width:100%;height:100%;}
	#m_vis .slide1 .slide_bg {background:url('../img/m_vis1_bg.jpg') no-repeat center top;}
	#m_vis .slide2 .slide_bg {background:url('../img/m_vis2_bg.jpg') no-repeat center top;}
	#m_vis .slide3 .slide_bg {background:url('../img/m_vis3_bg.jpg') no-repeat center top;}
@media (max-width:1180px) {
	#m_vis {display:none;}
}
#m_ide {position:relative;padding:80px 0;text-align:center;}
	#m_ide h2 {display:block;margin-bottom:80px;}
	#m_ide ul {list-style:none;margin:0 auto;padding:0;}
	#m_ide ul:after {display:block;clear:both;content:"";}
	#m_ide ul li {float:left;position:relative;width:31%;height:300px;margin:1%;background-size:cover;}
	#m_ide ul li.ide1 {background:url('../img/m_ide_bg1.jpg') no-repeat right bottom;}
	#m_ide ul li.ide2 {background:url('../img/m_ide_bg2.jpg') no-repeat center bottom;}
	#m_ide ul li.ide3 {background:url('../img/m_ide_bg3.jpg') no-repeat left bottom;}
	#m_ide ul li.ide4 {background:url('../img/m_ide_bg4.jpg') no-repeat right top;}
	#m_ide ul li.ide5 {background:url('../img/m_ide_bg5.jpg') no-repeat center top;}
	#m_ide ul li.ide6 {background:url('../img/m_ide_bg6.jpg') no-repeat left top;}
	#m_ide ul li .box {display:table;position:relative;width:100%;height:100%;}
	#m_ide ul li .out {display:table-cell;width:100%;height:100%;font-weight:700;font-size:8em;color:#fff;text-align:center;vertical-align:middle;background:rgba(0,0,0,.4);opacity:1;transition:all .2s;}
	#m_ide ul li .over {display:table;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all .2s;}
	#m_ide ul li .box:hover .out {opacity:0;}
	#m_ide ul li .box:hover .over {opacity:1;}
	#m_ide ul li .over blockquote {display:table-cell;width:100%;height:300px;border:10px solid rgba(255,255,255,.4);font-size:2.7em;font-weight:300;color:#fff;text-transform:lowercase;text-align:center;vertical-align:middle;}
	#m_ide ul li .over blockquote:first-letter {font-weight:700;}
@media (max-width:1180px) {
	#m_ide {padding:21px 0;}
	#m_ide h2 {position:absolute;margin:0;font-size:0;line-height:0;}
	#m_ide h2 img {height:0;}
	#m_ide ul li {width:33.3%;height:150px;margin:0 0 1px 0;}
	#m_ide ul li .over blockquote {height:150px;font-size:1.2em;word-break:break-all;}
	#m_ide ul li .out {font-size:4em;}
}
#m_news {position:relative;padding:60px 0;}
	#m_news h2 {margin-bottom:60px;text-align:center;}
	#m_news ul {list-style:none;margin:0;padding:0;}
	.m_news_ul {}
	.m_news_ul:after {display:block;clear:both;content:"";}
	.m_news_ul li.m_news_li {float:left;width:30%;}
	.m_news_ul li.m_news_li:nth-child(2) {margin:0 5%;}
	.m_news_ul li.m_news_li ul.m_news_cont {}
	.m_news_ul li.m_news_li ul.m_news_cont li.tit {font-family:"NanumSB",'Noto Sans Kr',"NanumGothic","나눔고딕","돋움";font-size:1.25em;line-height:1.3em;}
	.m_news_ul li.m_news_li ul.m_news_cont li.date {margin:10px 0;font-size:.88em;font-weight:300;color:rgba(0,0,0,.6);}
	.m_news_ul li.m_news_li ul.m_news_cont li.img {padding:8px;border:1px solid rgba(0,0,0,.1);text-align:center;}
	.m_news_ul li.m_news_li ul.m_news_cont li.text {margin-top:20px;font-family:"NanumGothic","나눔고딕","돋움";color:rgba(0,0,0,.8);line-height:1.45em;}
@media (max-width:920px) {
	.m_news_ul {padding:0 2%;}
	.m_news_ul li.m_news_li {float:none;width:100%;padding:2%;border:1px solid #efefef;transition:all .2s;}
	.m_news_ul li.m_news_li:hover {background:#fafafa;}
	.m_news_ul li.m_news_li ul.m_news_cont li.img {padding:0;border:0;}
	.m_news_ul li.m_news_li ul.m_news_cont li.img img {width:100%;}
	.m_news_ul li.m_news_li:nth-child(2) {margin:2% 0;}
}
#m_custom {position:relative;padding:40px 0;background:#419bb9;}
	#m_custom ul {max-width:900px;list-style:none;margin:0 auto;padding:0;}
	#m_custom ul:after {display:block;clear:both;content:"";}
	#m_custom ul li {float:left;width:33.3%;text-align:center;}
	#m_custom ul li * {display:block;color:#fff;}
	#m_custom ul li img {margin:0 auto 25px;border-radius:50%;transition:all .3s;}
	#m_custom ul li a {display:inline-block;font-size:1.3em;line-height:1.8em;transition:all .3s;}
	#m_custom ul li strong {font-family:"NanumSB",'Noto Sans Kr',"NanumGothic","나눔고딕","돋움";font-size:1.5em;font-weight:normal;}
	#m_custom ul li a:hover {text-shadow:2px 2px 7px rgba(0,0,0,.5);}
	#m_custom ul li a:hover img {transform:rotate(-20deg);box-shadow:2px 2px 7px rgba(0,0,0,.5);opacity:.8;}
@media (max-width:750px) {
	#m_custom {padding:20px 0;}
	#m_custom ul {width:100%;}
	#m_custom ul li {width:50%;}
	#m_custom ul li:nth-child(2) {display:none;}
	#m_custom ul li img {width:80px;margin-bottom:10px;}
	#m_custom ul li strong {font-size:1em;}
}

/* 서브 */
#wrap_s {position:relative;padding:80px 0 70px;}
#s_vis {display:table;position:relative;width:100%;height:250px;margin-bottom:50px;background:#241d2a url('../img/s_vis.jpg') no-repeat center top;}
	#s_vis .txt {display:table-cell;width:100%;height:250px;font-size:11em;text-align:center;vertical-align:middle;}
	#s_vis .txt span {font-weight:700;color:#fff;text-shadow:0 0 22px rgba(0,0,0,.55);}
#navi {position:relative;margin-bottom:0;font-size:.92em;text-align:center;}
	#navi span {display:block;font-size:0;line-height:0;}
	#navi span:before {display:inline-block;width:20px;height:2px;margin:15px 0;font-size:0;background:#d9d9d9;content:"";}
#lnb {display:inline-block;margin:0 auto;padding-bottom:35px;}
	#lnb strong {display:inline-block;font-size:2.5em;font-family:"Roboto","NanumSB";font-weight:700;vertical-align:middle;}
	#lnb strong:after {display:inline-block;margin-left:15px;width:30px;height:30px;border:1px solid transparent;border-radius:50%;content:'\f0c9';font-family:"FontAwesome";font-size:.5em;color:#fff;line-height:30px;vertical-align:middle;background:#c53b2d;}
	#lnb ul {display:none;position:absolute;left:50%;top:113px;list-style:none;width:230px;margin:0;margin-left:-115px;padding:15px;border:2px solid #0d68aa;border-radius:4px;z-index:5;background:#fff;}
	#lnb ul li a {display:block;line-height:2em;}
	#lnb ul li a:hover, #lnb ul li a.hover {color:#fff;background:#333;}
	#lnb .lnb_bul {display:none;position:absolute;left:50%;top:100px;width:16px;height:15px;margin-left:-8px;background:url('../img/lnb_bul.png') no-repeat 0 0;z-index:6;}
	#lnb:hover .lnb_ul, #lnb:hover .lnb_bul {display:block;}
@media all and (max-width:750px) {
	#wrap_s {padding-top:110px;}
	#s_vis {display:none;}
	#navi {margin-bottom:20px;}
	#navi span:before {margin:5px 0 10px;}
	#lnb {padding-bottom:20px;}
	#lnb strong {font-size:1.8em;}
	#lnb ul {left:10px;right:10px;width:auto;top:90px;margin:0;}
	#lnb .lnb_bul {top:77px;}
}

/* 게시판 기본 */
#bbs_total {float:left;margin-bottom:10px;font-weight:400;font-size:.8em;color:#4c4c4c;text-align:right;}
	#bbs_total strong {font-weight:500;color:#4c4c4c;}
.bbs_btn {margin:30px 0;}
	.bbs_btn:after {display:block;visibility:hidden;clear:both;content:""}
	.bbs_btn ul {float:right;list-style:none;margin:0;padding:0;}
	.bbs_btn ul:after {display:block;visibility:hidden;clear:both;content:""}
	.bbs_btn ul li {float:left;}
	.bbs_btn ul li + li {margin-left:5px;}
	.btn_L {float:left;}
	.btn_R {float:right;}
.btn {display:inline-block;height:40px;padding:0 15px;border:1px solid #ccc;border-radius:3px;color:#444 !important;line-height:2.4em;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;background-color:#fff;transition:all .1s;}
	.btn:active, .btn:hover, .btn:focus {border:1px solid #484d61;background:#484d61;color:#fff !important;}
	.btn:before {margin-right:7px;font-family:'FontAwesome';color:#eb8d32;}
	.btn_ok:before {content:'\f046';}
	.btn_ok input {border:none;color:#444 !important;cursor:pointer;background:#fff;}
	.btn_ok:active input, .btn_ok:hover input {background:#333;color:#fff !important;}
	.btn_cancel:before {content:'\f05e';}
	.btn_write:before {content:'\f044';}
	.btn_list:before {content:'\f0c9';}
	.btn_edit:before {content:'\f021';}
	.btn_del:before {content:'\f1f8';}
	.btn_adm:before {content:'\f013';}
	.btn_prev:before {content:'\f053';}
	.btn_next:before {content:'\f054';}
	.btn_src:before {content:'\f002';}
	.btn_copy:before {content:'\f24d';}
	.btn_mov:before {content:'\f0b2';}
	.btn_zoom:before {content:'\f002';}
.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer;}
#bo_v_con, #bo_v_con * {line-height:1.5em;}
#bo_sch {margin-top:30px;text-align:center;}
	#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
	#bo_sch form {display:inline-block;border:1px solid #ccc;border-radius:3px;margin:20px auto;text-align:center;background:#fff}
	#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
	#bo_sch select{border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
	#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
	#bo_sch .sch_btn{height:38px;float:left;background:url('../img/sch_btn.png') no-repeat 50% 50%;border:0;width:40px;text-indent:-999px;overflow:hidden}
.bo_v_nb {list-style:none;margin:20px 0 0;padding:0;}
	.bo_v_nb:after {display:block;clear:both;content:"";}
	.bo_v_nb li {float:left;width:50%;height:35px;border:1px solid #e9e9e9;background:#f9f9f9;}
	.bo_v_nb li:hover {background:#fff;}
	.bo_v_nb li span.nb_tit {display:inline-block;font-size:.8em;color:#0d6fb5;vertical-align:middle;}
	.bo_v_nb li span.nb_tit:after, .bo_v_nb li span.nb_tit:before {font-family:"FontAwesome";}
	.bo_v_nb li.prev {border-radius:20px 0 0 20px;border-right:none;text-align:left;}
	.bo_v_nb li.prev span.nb_tit {margin-right:10px;}
	.bo_v_nb li.prev span.nb_tit:before {content:"\f060";margin-right:5px;}
	.bo_v_nb li.next {border-radius:0 20px 20px 0;text-align:right;}
	.bo_v_nb li.next span.nb_tit {margin-left:10px;}
	.bo_v_nb li.next span.nb_tit:after {content:"\f061";margin-left:5px;}
	.bo_v_nb li a {display:block;width:100%;padding:0 10px;font-size:.9em;color:#4c4c4c;line-height:35px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.bo_v_nb li a:hover {color:#000;}
#bo_v_con {min-height:200px;}
/* 1024px 미만 해상도를 위한 코드 */
@media all and (max-width:1024px) {
	#bo_v_link ul li a span.bo_v_link_cnt, #bo_v_file ul li span.bo_v_file_cnt , #bo_v_file ul li span.bo_v_file_date {display:none;}
	#bo_sch form {position:relative;}
	#bo_sch select {margin:9px 0;width:40%}
	#bo_sch .sch_input {width:60%;}
	#bo_sch .sch_btn {position:absolute;top:0;right:0;border:0;z-index:3;}
	.bo_v_nb li {height:auto;border:none;background:none;}
	.bo_v_nb li.prev {float:left;}
	.bo_v_nb li.next {float:right;}
	.bo_v_nb li a {font-size:0;line-height:0;}
	.bo_v_nb li span.nb_tit {font-size:0;line-height:0;}
	.bo_v_nb li span.nb_tit:before, .bo_v_nb li span.nb_tit:after {display:inline-block;width:50px;height:50px;font-size:22px;border:1px solid #ccc;border-radius:50%;line-height:50px;text-align:center;}
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
.btn_confirm {text-align:right} /* 서식단계 진행 */
.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#0025eb}

/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 폼 테이블 */
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.frm_textarea {width:100%;height:200px;padding:10px 8px;line-height:1.5em;}
.frm_input {height:40px;}
.full_input {width:100%}
.half_input {width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px;}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}
.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {font-weight:normal;color:inherit;}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow:inset 1px 1px 2px #222542;
-moz-box-shadow: inset 1px 1px 2px #222542;
box-shadow:inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.blocker {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;text-align:center;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.75);overflow:auto;z-index:10;}
.blocker:before {content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em;}
.blocker.behind {background-color:transparent;}
.modal {display:none;position:relative;padding:20px;width:100%;height:100%;vertical-align:middle;background:#fff;z-index:200;}
.modal a.close-modal {display:block;position:absolute;top:-12.5px;right:-12.5px;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;z-index:999 !important;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');}