/* common */ 
html, body {margin:0; padding:0; height:100%; color:#4c4c4c; 
font-size:16px; line-height:28px; font-weight:400; text-rendering: 
optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);} 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb 
r,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,st 
rong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset, form, label, legend, table, caption, tbody,tfoot,thead,tr,th,td { font-family: Arita, '나눔바른고딕', '나눔고딕', 'Nanum Gothic',  'NanumGothic', '맑은고딕', 'Malgun Gothic', dotum, serif;} 
body {position:relative;} 
/* ul,li {list-style: none;padding: 0;margin: 0;} */ 
h1, .h1 {font-size: 100%;} 
h1, .h1, h2, .h2, h3, .h3 {margin:0;} 
.clear {clear:both;}
.clear:before, .clear:after {content: ''; display: table;}
.no-mar {margin-left: 0;margin-right: 0;} 
.no-mar > .no-pad {padding-left:0; padding-right:0;} 
.no-pad {padding: 0;} 
.posi-relative {position: relative;} 
.posi-absolute {position: 
absolute;} 
.max-height {height: 100%;} 
.margincenter {margin: 0 auto;} 
.vc {display: table;width: 100%;height :100%;} 
.vm {display: table-cell;width: 100%;height :100%;vertical-align: middle;} 
strong {font-weight:700;} 
.block {display:block;} 
.img-responsive {max-width:100%;} 
.aligncenter {display:block; max-width:100%; margin:0 auto;} 
.alignleft {float:left;} 
.alignright {float:right;} 
.vertical-top {vertical-align:top;} 
.vertical-base {vertical-align:baseline;} 
.vertical-middle {vertical-align:middle;} 
.vertical-sub {vertical-align:sub;} 
::selection { background: rgba(57, 71, 132, 
0.7); color:#fff} 
body.modal-open {overflow: visible; padding:0!important;}

.wrap {padding-top: 88px;}
.header {background-color: #fff;height: 88px;position: fixed;top: 0;left: 0;width: 100%;z-index: 100;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;text-align: center;font-size: 0;}
.header .header_in {max-width:1920px;margin: 0 auto;height: 100%;width: 100%;position: relative;}
.header .header_in:before {content: "";display: table;}
.header .header_in:after {content: "";display: table;clear: both;}
.header h1 {float: left;margin-top: 4px;width: 20%;}
.sub_bar {background-color: #5c3f87;position: fixed;top: 88px;left: 0;width: 100%;height: 47px;z-index: 101;}
.header.vertical-menu .sub_bar {display: none;}
.header.vertical-menu .topgnb .sub-onemenu li {float: none;}
.header.vertical-menu .topgnb .dropdown {position: relative;}
.header.vertical-menu .topgnb .dropdown .sub-onemenu {background-color: #cecece;padding: 5px;}
.header.vertical-menu .topgnb .dropdown.active .sub-onemenu {width: 100%;}
.header.vertical-menu .topgnb .dropdown.dropdown1.active .sub-onemenu {width: 150px;}
.header.vertical-menu .topgnb .sub-onemenu li a {text-align: left;padding: 5px 10px;}
.topgnb_wrap {width: 80%;height: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;float: right;}
.topgnb:before {display: table;content: "";}
.topgnb:after {display: table;content: "";clear: both;}
.topgnb {height: 100%;}
.topgnb .dropdown {display: table;float:left;padding: 0 35px;height: 100%;width: 16.666666667%;}
.topgnb .dropdown .dropdown-toggle {display:table-cell;width: 100%;vertical-align: middle;text-align: center;height: 100%;font-size: 15px;color: #000;font-weight: 600;text-decoration: none;}
.topgnb .dropdown.active .dropdown-toggle {color: #5c3f87;}
.topgnb .sub-onemenu {position: absolute;left: 0;top: 100%;display: none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;width: 100%;}
.topgnb .dropdown.active .sub-onemenu {display: block;z-index: 102;width: 500px;}
.topgnb .sub-onemenu li {float: left;}
.topgnb .sub-onemenu li a {font-size: 15px;color: #000;font-weight: 400;display: block;padding: 10px 17px;text-decoration: none;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.topgnb .sub-onemenu li a:hover {font-weight: 700;}


footer {background-color: #222222;padding: 50px 0;}
footer h1 {margin-bottom: 25px;display: inline-block;}
footer p {font-size: 14px;color: #aaaaaa;font-weight: 300;line-height: 1.7;}
footer p strong {color: #fff;font-weight: 300;display: inline-block;margin-right: 10px;}
footer p.copyrights {margin-top: 15px;font-size: 12px;color: #aaaaaa;font-family: 'Roboto';font-weight: 400;}
.top {opacity: 0;width: 54px;background-color: transparent;height: 54px;position: fixed;bottom: 50px;right: 50px;background-image: url('/skin/default/img/main/ico_top.png');background-repeat: no-repeat;background-position: 0 0;z-index: 50;transition: opacity .5s ease;-webkit-transition: opacity .5s ease;-moz-transition: opacity .5s ease;}
.top:hover {background-position: -54px 0;}
.scrolled .top {opacity: 1;}

.tmenu_wrap {display:none;position:absolute;top:12px;right:10px;z-index:500;border: 1px solid #fff;}
a.tmenu {display: block;position:relative;width:30px;height:30px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
a.tmenu span {display:inline-block;position:absolute;left:50%;margin-left:-10px;top:50%;margin-top:-1px;width:20px;height:2px;background-color:#000;}
a.tmenu span:before {position:absolute;width:20px;height:2px;left:50%;margin-left:-10px;top:-6px;background-color:#000;width:;height:;content:"";display:block;}
a.tmenu span:after {position:absolute;width:20px;height:2px;left:50%;margin-left:-10px;top:6px;background-color:#000;width:;height:;content:"";display:block;}
a.tmenu span,
a.tmenu span:before,
a.tmenu span:after {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}

.navigation-visible a.tmenu span.bar {background:none;}
.navigation-visible a.tmenu span.before {top: 0;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}
.navigation-visible a.tmenu span.after {top: 0;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}

.mobile_menu {position: absolute;left: 0;top: 58px;background: #fff;width:100%;display:none;}
.mobile_menu > li {width:100%;}
.mobile_menu > li > a {height:40px;line-height:40px;border-bottom:1px solid #ccc;font-size:16px;color:#222222;display:block;padding:0 15px;text-decoration:none;text-align: left;}
.mobile-smenu {display: none;}
.mobile-smenu li a {font-size: 13px;color: #000;padding: 5px 25px;display: block;text-align: left;border-bottom: 1px solid #ccc;}

@media (max-width: 1430px) {
	.topgnb .dropdown {padding: 0 20px;}
	.header .container {width: 100%;}
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
	.topgnb_wrap {display: none;}
	.header.scrolled .topgnb_wrap {display: none;}
	.header {height: 58px;border-bottom: 1px solid #ccc;}
	.header h1 {margin-top: 10px;}
	.header h1 img {width: 95px;}
	.wrap {padding-top: 58px;}
	.sub_bar {display: none;}
	.top {width: 27px;height: 27px;right: 20px;bottom: 20px;-webkit-background-size: 27px auto;background-size: 54px auto;}
	.tmenu_wrap {display: block;}
	footer {padding: 25px 0;}
	footer h1 {margin-bottom: 15px;}
	/* footer h1 img {width: 60px;} */
	footer p {font-size: 12px;}
	footer p.copyrights {margin-top: 10px;}
}
@media (max-width: 767px) {
	#footer .container {padding: 0 15px;}
	.top {display: none;}
}