/*--------------------------------------
	eyoom (이윰빌더)
--------------------------------------*/

/*---------- Layout ----------*/
.wrapper {width:100%;min-width:1024px;margin:0 auto 0 auto;text-align:left;background:transparent}
.basic-layout {background:transparent}
.boxed-layout {padding:0;box-shadow:0 0 8px #ccc;margin-left:auto !important;margin-right:auto !important}
.boxed-layout .ebp-body .container {border-left:0;border-right:0}
.container {width:1200px;margin:0 auto 0 auto;text-align:left;position:relative;}
.container1 {width:1200px;background:transparent}
.header {padding:0px 0;background:transparent;}
.ebp-body {padding:0;background:transparent;position:relative;overflow:hidden}
.ebp-body .container {display:block;overflow:hidden;position:relative;border-left:0px solid #e5e5e5;border-right:0px solid #e5e5e5;background:transparent}
.content {display:block;overflow:hidden;position:relative;min-height:550px;width:1200px;overflow:hidden;background-color:transparent;padding:20px 10px}
.content-left {display:block;overflow:hidden;position:relative;min-height:800px;width:750px;width:-webkit-calc(100% - 274px);width:-moz-calc(100% - 274px);width:calc(100% - 274px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;overflow:hidden;background-color:transparent;padding:20px 10px;border-right:1px solid #e5e5e5}
.content-right {display:block;overflow:hidden;position:relative;min-height:800px;width:750px;width:-webkit-calc(100% - 274px);width:-moz-calc(100% - 274px);width:calc(100% - 274px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;overflow:hidden;background-color:transparent;padding:20px 10px;border-left:1px solid #e5e5e5}
.side-left {display:block;overflow:hidden;position:relative;min-height:800px;width:274px; width:-webkit-calc(100% - 750px);width:-moz-calc(100% - 750px);width:calc(100% - 750px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;overflow:hidden;background-color:#fff;padding:20px 10px;box-shadow:0 0 0 1px #e5e5e5}
.side-right {display:block;overflow:hidden;position:relative;min-height:800px;width:274px; width:-webkit-calc(100% - 750px);width:-moz-calc(100% - 750px);width:calc(100% - 750px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right;overflow:hidden;background-color:#fff;padding:20px 10px;box-shadow:0 0 0 1px #e5e5e5}

/*---------- Topbar ----------*/
.topbar {display:block;border-bottom:1px solid #e5e5e5;background:#fff;padding:0;margin:0}
.topbar a {color:#35353A}
.topbar a:hover {color:#FF2A00}
.topbar ul li {padding:5px 10px}
.topbar ul.left {border-left:1px solid #e5e5e5}
.topbar ul.left li {border-right:1px solid #e5e5e5}
.topbar ul.right {border-right:1px solid #e5e5e5}
.topbar ul.right li {border-left:1px solid #e5e5e5}
.wide-layout .topbar ul.left {border-left:1px solid #e5e5e5}
.wide-layout .topbar ul.right {border-right:1px solid #e5e5e5}
.topbar li.dropdown-extended li {border-left:0}
.wrapper .boxed-layout .topbar ul.left {border-left:0}
.wrapper .boxed-layout .topbar ul.right {border-right:0}

/*---------- Header ----------*/
.header .logo {position:relative;z-index:100}
.header .navbar-brand {position:relative;font-size:32px;font-weight:bold;color:#64646a}
.header .navbar-brand img {height:80px;display:inline-block;vertical-align:middle;margin-top:-5px}
.header .search-form {width:400px;margin:5px 20px 0}
.header .eyoom-form .input input {height:39px;padding:6px 10px;border-width:2px;border-style:solid;border-color:#e5e5e5}
.header .eyoom-form .input-file .button {position:absolute;top:4px;right:4px;float:none;height:31px;margin:0;padding:0 20px;font-size:13px;line-height:31px;background:#34343a}
.header .eyoom-form .input input:focus {border-color:#000}
.header .eyoom-form section {margin-bottom:0}
.header .ebp-notice-w {position:relative;overflow:hidden;width:265px;height:20px;margin-top:15px;margin-right:10px}
.wrapper .boxed-layout .header .logo {margin-left:10px}

/*---------- Title ----------*/
.eb-title {position:relative;overflow:hidden;padding:12px 0;background:transparent;border-bottom:0px solid #e5e5e5}
.eb-title h3 {margin:0;padding:0;line-height:30px;font-size:15px;color:#000;font-weight:bold}
.eb-title h3 i {color:#bbb}
.eb-title .con-map {list-style:none;line-height:30px}
.eb-title .con-map>li+li:before {padding:0 5px 0 0;color:#ccc;content:"/\00a0"}
.wrapper .boxed-layout .eb-title h3 {margin-left:10px}
.wrapper .boxed-layout .eb-title .con-map {margin-right:10px}

/*---------- Side ----------*/
.side ul.eb-nav-side {border:1px solid #ddd;border-top:0}
.side .eb-nav-side > li > a {color:#333;border-top:1px solid #ddd}
.side .eb-nav-side > li > a:hover,.side .eb-nav-side > li > a:focus {background:rgba(0, 0, 0, 0.02);color:#333;outline:none}
.side .eb-nav-side > li.eb-active > a {background:#f4f4f4;color:#FF2A00}
.side .eb-nav-side ul {border-top:1px solid #ddd}
.side .eb-nav-side ul a {color:#333;margin-left:5px}
.side .eb-nav-side ul a:hover {color:#FF2A00}

/*---------- Footer ----------*/
.footer {display:block;overflow:hidden;padding:0}
.footer .container {display:block;overflow:hidden}
.footer .footer-col {width:33%;float:left}
.footer .footer-col-space {padding:15px 10px}
.footer .heading-footer {text-align:left;position:relative;margin-bottom:20px;padding-bottom:10px}
.footer .heading-footer:after {left:0;bottom:0;height:1px;width:40px;content:"";position:absolute}
.footer .heading-footer h4 {color:#e5e5e5;font-size:14px;font-weight:bold}
.footer .footer-link-list li {color:#333;font-size:11px;padding:7px 0px;display:block;border-top:dotted 1px #eee}
.footer .footer-link-list li:first-child {border-top:none !important}
.footer .footer-link-list a {color:#333;font-size:11px;display:block}
.footer .footer-link-list li a:hover {color:#FF2A00}
.footer .contactus {margin-bottom:0}
.footer .contactus li {margin-bottom:20px;color:#64646a}
.footer .contactus li:last-child {margin-bottom:0}
.footer .contactus li:before, .footer.footer-light .contactus li:after {content:" ";display:table}
.footer .contactus li:after {clear:both}
.footer .contactus li i {float:left;width:30px;height:30px;color:#000;line-height:30px;background:#c5c5c5;text-align:center;margin:4px 10px 0 0;display:inline-block}
.footer .contactus li p {margin-bottom:0}
.footer .contactus li a {color:#777}
.footer .contactus li a:hover {color:#000}
.copyright {padding:12px 10px}
.copyright .eb-mobile-btn {position:absolute;bottom:0;right:5px}
.wrapper .boxed-layout .footer .container {border-left:0;border-right:0}
.wrapper .boxed-layout .copyright .eb-mobile-btn {right:20px}
/* Footer Background light */
.footer.footer-light {background:#fff;border-top:1px solid #e5e5e5}
.footer.footer-light .container {border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.footer.footer-light .heading-footer:after {background:#ff2a00}
.footer.footer-light .heading-footer h4 {color:#333}
.footer.footer-light p {color:#777}
.copyright.copyright-light {background:#fff;color:#333;border-top:1px solid #e5e5e5}
/* Footer Background Dark */
.footer.footer-dark {background:#212227}
.footer.footer-dark .container {border-left:1px solid #34343a;border-right:1px solid #34343a}
.footer.footer-dark .heading-footer:after {background:#aaa}
.footer.footer-dark .heading-footer h4 {color:#e5e5e5}
.footer.footer-dark p {color:#777}
.footer.footer-dark .footer-link-list li {color:#777;border-top:dotted 1px #333}
.footer.footer-dark .footer-link-list a {color:#777}
.footer.footer-dark .footer-link-list li a:hover {color:#bbb}
.copyright.copyright-dark {background:#000;color:#777}
.copyright.copyright-dark .label-light {background:#34343a;color:#aaa}

/*---------- Nav ----------*/
.eb-navbar {z-index:999}
.eb-nav .eb-default-nav ul:before, .eb-nav ul:after {content:"";display:table}
.eb-nav .eb-default-nav ul:after {clear:both}
.eb-nav .eb-default-nav ul {zoom:1;list-style:none;margin:0;padding:0}
.eb-nav .eb-default-nav ul li {float:left;position:relative}
.eb-nav .eb-default-nav ul li .nav-new {color:#FF2A00}
.eb-nav .eb-default-nav ul a {float:left;padding:10px 15px;font-weight:bold;text-decoration:none}
.eb-nav .eb-default-nav ul ul {margin:38px 0 0 0;padding:10px 0;min-width:200px;opacity:0;visibility:hidden;position:absolute;top:100%;left:0;z-index:999;background:#fff;border-top:1px solid #ff2a00;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.eb-nav .eb-default-nav ul li:hover > ul {opacity:1;visibility:visible;margin:0}
.eb-nav .eb-default-nav ul ul ul {top:-11px;left:100%;border-top:1px solid #ff2a00}
.eb-nav .eb-default-nav ul ul li {float:none;display:block}
.eb-nav .eb-default-nav ul ul li a {font-weight:normal}
.eb-nav .eb-default-nav ul ul li.active {background:#f4f4f4}
.eb-nav .eb-default-nav ul ul li.active > a {color:#FF2A00}
.eb-nav .eb-default-nav ul ul li:hover > a {color:#FF2A00;background-color:#f4f4f4}
.eb-nav .eb-default-nav ul ul a {padding:5px 20px;display:block;white-space:nowrap;float:none;text-transform:none;color:#555}
.eb-nav .eb-default-nav ul ul a:hover {background-color:#f4f4f4;color:#FF2A00}
@-moz-document url-prefix() {
	.eb-nav ul li .fa-angle-right {margin-top:-15px}
}
/* Nav Background Light */
.eb-navbar.nav-background-light {background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.eb-navbar.nav-background-light .eb-nav .eb-default-nav ul a {color:#000}
.eb-navbar.nav-background-light .eb-nav .eb-default-nav ul .fa-caret-down {color:#888}
.eb-navbar.nav-background-light .eb-nav .eb-default-nav ul li.active {background-color:#f4f4f4}
.eb-navbar.nav-background-light .eb-nav .eb-default-nav ul li.active > a {color:#FF2A00}
.eb-navbar.nav-background-light .eb-nav .eb-default-nav ul li:hover > a {color:#FF2A00;background-color:#f4f4f4}
/* Nav Background Dark */
.eb-navbar.nav-background-dark {background-color:rgba(0,0,0,0.5);}
.eb-navbar.nav-background-dark .eb-nav .eb-default-nav ul a {color:#fff}
.eb-navbar.nav-background-dark .eb-nav .eb-default-nav ul .fa-caret-down {color:#888}
.eb-navbar.nav-background-dark .eb-nav .eb-default-nav ul li.active {background-color:#000}
.eb-navbar.nav-background-dark .eb-nav .eb-default-nav ul li.active > a {color:#FF2A00}
.eb-navbar.nav-background-dark .eb-nav .eb-default-nav ul li:hover > a {color:#FF2A00;background-color:#000}
.eb-navbar.nav-background-dark .eb-nav .eb-default-nav ul ul {background:#25252a}
/* General */
.nav1 ul > li:hover ul {}
.nav1 li ul {}
/* Fade In and Out */
.nav2 ul > li:hover ul {opacity:1;filter:alpha(opacity=100)}
.nav2 li ul {position:absolute;left:0;top:38px;-webkit-transition:200ms ease;-moz-transition:200ms ease;-o-transition:200ms ease;transition:200ms ease}
/* Fold Out */
.nav3 ul > li:hover ul {max-height:1000px;-webkit-transform:perspective(400) rotate3d(0, 0, 0, 0)}
.nav3 li ul {position:absolute;left:0;top:38px;max-height:0;-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin:50% 0;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms}

/*---------- Mega Nav ----------*/
.eb-navbar .eb-mega-menu .eb-mega-nav,.eb-navbar .eb-mega-menu .dropdown {position:static}
.eb-navbar .eb-mega-menu .container {position:relative}
.eb-navbar .eb-mega-menu .dropdown-menu {left:auto}
.eb-navbar .eb-mega-menu .dropdown-menu > li {display:block}
.eb-navbar .eb-mega-menu .dropdown-submenu .dropdown-menu {left:100%}
.eb-navbar .eb-mega-menu .nav.pull-right .dropdown-menu {right:0}
.eb-navbar .eb-mega-menu .eb-mega-menu-content {*zoom:1}
.eb-navbar .eb-mega-menu .eb-mega-menu-content .mega-col {width:16.666%;float:left}
.eb-navbar .eb-mega-menu .eb-mega-menu-content:before,.eb-navbar .eb-mega-menu .eb-mega-menu-content:after {content:"";display:table;line-height:0}
.eb-navbar .eb-mega-menu .eb-mega-menu-content:after {clear:both}
.eb-navbar .eb-mega-menu .nav > li > .dropdown-menu:after,
.eb-navbar .eb-mega-menu .nav > li > .dropdown-menu:before {display:none}
.eb-navbar .eb-mega-menu .dropdown.eb-mega-menu-full .eb-mega-btn {color:#000;position:absolute;top:0px;right:0;background:#f4f4f4;padding:10px 15px;font-weight:bold}
.eb-navbar .eb-mega-menu .dropdown.eb-mega-menu-full .eb-mega-btn:hover {color:#ff2a00}
.eb-navbar .eb-mega-menu .dropdown.eb-mega-menu-full .dropdown-menu {left:-1px;right:-1px;overflow:hidden;margin-top:0;background:#fff;border-top:1px solid #ff2a00}
.eb-navbar .eb-mega-menu .eb-height-eq {display:-webkit-flex;display:-ms-flexbox;display:flex}
.eb-navbar .eb-mega-menu .eb-height-eq-in {display:-webkit-flex;display:-ms-flexbox;display:flex}
.eb-navbar .eb-mega-menu .eb-height-eq-list h5 {font-size:13px;font-weight:bold;padding:5px 15px 10px;color:#000}
.eb-navbar .eb-mega-menu .eb-height-eq-in {padding:10px 0;border-left:1px solid #eee}
.eb-navbar .eb-mega-menu .eb-height-eq-in:first-child {border-left:none;margin-left:-1px}
.eb-navbar .eb-mega-menu .eb-height-eq-list {width:100%}
.eb-navbar .eb-mega-menu .eb-height-eq-list li a {display:block;margin-bottom:1px;position:relative;border-bottom:none;padding:4px 15px}
.eb-navbar .eb-mega-menu .eb-height-eq-list a:hover {text-decoration:none;background:#f4f4f4}
/* Nav Background Dark */
.eb-navbar.nav-background-dark .eb-mega-menu .dropdown.eb-mega-menu-full .eb-mega-btn {background:#000;color:#fff}
.eb-navbar.nav-background-dark .eb-mega-menu .dropdown.eb-mega-menu-full .eb-mega-btn:hover {color:#ff2a00}
.eb-navbar.nav-background-dark .eb-mega-menu .dropdown.eb-mega-menu-full .dropdown-menu {background:#25252a}
.eb-navbar.nav-background-dark .eb-mega-menu .eb-height-eq-list h5 {color:#fff}
.eb-navbar.nav-background-dark .eb-mega-menu .eb-height-eq-in {border-left:1px solid #45454a}
.eb-navbar.nav-background-dark .eb-mega-menu .eb-height-eq-list li a {color:#ccc}
.eb-navbar.nav-background-dark .eb-mega-menu .eb-height-eq-list li a:hover {color:#ff2a00;background:#000}

/*---------- Header Slider ----------*/
.header-slider-bg {z-index:1;padding:120px 0;position:relative;overflow:hidden;text-align:center;height:150px}
.header-slider-bg:after {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:"";background:rgba(0,0,0,0.35)}
.header-slider-bg > img {position:absolute;top:0;left:0}
.header-slider-bg > .container {position:relative;z-index:3}
.header-slider-bg h1 {color:#fff;font-size:24px;font-weight:600;text-transform:uppercase;margin:0;text-align:center}
.header-slider-bg h2 {font-size:14px;font-weight:600;color:#fff;margin:10px 0 30px;text-align:center}
.header-slider-bg p {color:#ededed;font-size:12px;font-weight:200;margin:0;text-align:center}
/*owl control*/
.header-slider .owl-pagination {position:absolute;width:100%;bottom:10px;text-align:center}
.header-slider .owl-pagination .owl-page {background:#e5e5e5;width:15px;height:10px;border-radius:5px !important;display:inline-block;margin:0 5px;transition:all 0.3s ease-in-out}
.header-slider .owl-pagination .owl-page.active {background:#DF3128;width:30px}
.header-slider .owl-buttons > div {position:absolute;height:36px;width:50px;line-height:36px;text-align:center;background:rgba(255, 255, 255, 0.5);color:#fff;top:50%;margin-top:-18px}
.header-slider .owl-buttons .owl-prev {left:0}
.header-slider .owl-buttons .owl-next {right:0}

/*---------- Main Banner Slider ----------*/
.main-banner-slider {position:relative;overflow:hidden;height:86px}
.main-banner-slider .item {position:relative;overflow:hidden;background:#54545a}
.main-banner-slider .item .banner-slider-text {position:absolute;top:10px;left:20px}
.main-banner-slider .item .banner-slider-text h1 {color:#000;font-size:14px;font-weight:bold;text-transform:uppercase;line-height:20px;margin-bottom:5px}
.main-banner-slider .item .banner-slider-text p {color:#fff;font-size:12px}
.main-banner-slider .owl-navi a.owl-btn {color:#000;width:20px;height:20px;font-size:10px;cursor:pointer;line-height:20px;text-align:center;display:inline-block;opacity:0.7;background:#fff}
.main-banner-slider .owl-navi a.owl-btn:hover {color:#fff;opacity:0.7;background:#000;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.main-banner-slider .owl-navi a.owl-btn.prev-main-banner {position:absolute;top:2px;right:24px;z-index:1}
.main-banner-slider .owl-navi a.owl-btn.next-main-banner {position:absolute;top:2px;right:2px;z-index:1}

/*---------- Main Tab ----------*/
.main-tab .nav-tabs > li > a {margin-right:0}
.main-tab .tab-e2 .nav-tabs {border-bottom:1px solid #e5e5e5;background:#f8f8f8}
.main-tab .tab-e2 .nav-tabs li {width:25%}
.main-tab .tab-e2 .nav-tabs li a {padding:7px;background:none;border:1px solid #e5e5e5;border-bottom:none;border-right:none;font-weight:bold;font-size:12px;color:#555;text-align:center;display:block;overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis}
.main-tab .tab-e2 .nav-tabs li.active a {background:#fff;color:#000;padding:7px;border-bottom:0;border-top:1px solid #ff2a00}
.main-tab .tab-e2 .nav-tabs li.last {border-right:1px solid #e5e5e5;margin-left:-1px}
.main-tab .tab-e2 .tab-content {position:relative;overflow:hidden;margin-bottom:0;padding:0;border:1px solid #e5e5e5;border-top:0}
.main-tab .tab-e2 .tab-content-wrap {position:relative;display:block;overflow:hidden}
.main-tab.tab-latest-text-padding .tab-content-wrap {padding:15px 10px;min-height:220px}
.main-tab.tab-latest-image-padding .tab-content-wrap {padding:15px 7px 5px;min-height:250px}

/*---------- Side Tab ----------*/
.side-tab .nav-tabs > li > a {margin-right:0}
.side-tab .tab-e2 .nav-tabs {border-bottom:1px solid #e5e5e5;background:#f8f8f8}
.side-tab .tab-e2 .nav-tabs li {width:50%}
.side-tab .tab-e2 .nav-tabs li a {padding:7px;background:none;border:1px solid #e5e5e5;border-bottom:none;border-right:none;font-weight:bold;font-size:12px;color:#555;text-align:center;display:block;overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis}
.side-tab .tab-e2 .nav-tabs li.active a {background:#fff;color:#000;padding:7px;border-bottom:0;border-top:1px solid #ff2a00}
.side-tab .tab-e2 .nav-tabs li.last {border-right:1px solid #e5e5e5;margin-left:-1px}
.side-tab .tab-e2 .tab-content {position:relative;overflow:hidden;margin-bottom:0;padding:0;border:1px solid #e5e5e5;border-top:0}
.side-tab .tab-e2 .tab-content-wrap {position:relative;display:block;overflow:hidden;padding:10px}

/*----- Table List eb -----*/
.table-list-eb {font-size:12px}
.table-list-eb .btn-e.dropdown-toggle {border-left:none}
.table-list-eb .btn-group .btn-e {top:4px;padding:0 6px;position:relative}
.table-list-eb .eb-table tbody > tr > td {border-top:1px solid #e5e5e5}
.table-list-eb .eb-table thead > tr > th {text-align:center}
.table-list-eb thead {border-top:1px solid #e5e5e5;background:#f8f8f8}
.table-list-eb tbody {border-bottom:1px solid #e5e5e5}
.table-list-eb tfoot {border-bottom:1px solid #e5e5e5;background:#f8f8f8}
.table-list-eb td {vertical-align:middle !important}
.table-list-eb .user-names span,.table-list-eb .user-names small {display:block;text-align:center}
.table-list-eb .user-names span {color:#555;font-size:16px;position:relative}
.table-list-eb .user-names small {color:#999;font-size:12px}
.table-list-eb td h3 {font-size:14px;margin:0 0 2px;color:#000}
.table-list-eb td a {color:#000}
.table-list-eb td a:hover {color:#ff2a00}
.table-list-eb td p {margin-bottom:0;color:#555}
.table-list-eb .s-icons {margin-bottom:0}
.table-list-eb .s-icons li {padding:2px}
.table-list-eb .table-button s{margin:0}
.table-list-eb .table-buttons li {padding:0}
.table-list-eb .table-buttons .btn-e-sm {padding:3px 6px}
.table-list-eb .td-width {width:40%}
.table-list-eb .td-width-60 {width:60%}
.table-list-eb .td-width-50 {width:50%}
.table-list-eb .td-width-40 {width:40%}
.table-list-eb .td-width-30 {width:30%}
.table-list-eb .td-width-20 {width:20%}
.table-list-eb .td-width-10 {width:10%}

/*---------- Scrollbar ----------*/
.contentHolder {padding:0;height:320px;margin:0px auto;overflow:hidden;position:relative;background:#fff}
.ps-container .ps-scrollbar-y {-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important}
.ps-container .ps-scrollbar-y-rail {-webkit-border-radius:0px !important;-moz-border-radius:0px !important;border-radius:0px !important}

/*---------- Back To Top ----------*/
.eb-top {width:34px;height:34px;text-align: center;line-height:32px;color:#fff;background:rgba(0, 0, 0, 0.5);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}

/*---------- G5 Captcha ----------*/
.vc-captcha {padding:15px 10px 10px;border:1px solid #ddd}
.vc-captcha fieldset {padding: 0}
#captcha #captcha_img {height:62px;border:1px solid #eee;width:155px}
#captcha #captcha_key {width:120px;height:62px;border:1px solid #ddd;font-size:24px;line-height:14px;margin-left:35px}
#captcha .required, #captcha textarea.required {background:#fff !important}

/*---------- 회원 레이어팝업 ----------*/
.sv_wrap .sv {z-index:998;border:1px solid #ccc;min-width:110px;padding:4px 0;background:#fff}
.sv_wrap .sv a{background:#fff;color:#000 !important;padding:3px 12px;font-size:12px;border-bottom:0;display:block;width:110px}
.sv_wrap .sv a:hover{background:#f4f4f4}

/*---------- EXIF INFO ----------*/
.exif_info {position:relative;overflow:hidden;border:1px dotted #ddd;padding:5px 10px;background:#fafafa;margin:10px 0}
.exif_info ul {list-style:none;margin-bottom:0;-webkit-padding-start:0}
.exif_info ul li {display:inline-block;padding:0 8px;font-size:11px;color:#888}
.exif_info ul li:before {content:"-";margin-right:5px}

/*---------- Etc ----------*/
fieldset legend {border-bottom:0}
.sch_word {color:#FF2A00}
.menu {
  position: relative;
  height: 85px;
  background:transparent;
  width: auto;
}
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
.menu > ul {
  position: relative;
  display: block;
  text-align:left;
  background: #252525;
  width: 100%;
  z-index: 500;
}
.menu:after, .menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.menu.align-right > ul > li {
  float: right;
}
.menu.align-center ul {
  text-align: center;
}
.menu.align-center ul ul {
  text-align: left;
}
.menu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
.menu > ul > #menu-button {
  display: none;
}
.menu ul li a {
  display: block;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
.menu > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  padding: 14px 35px;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
.menu > ul > li.sub > a {
  padding-right: 32px;
}
.menu > ul > li:hover > a {
  color: #ffffff;
}
.menu li.sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
.menu > ul > li.sub::after {
  right: 10px;
  top: 19px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
.menu > ul > li:hover::after {
  border-top-color: #ffffff;
}
.menu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
.menu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
.menu ul ul li {
  position: relative;
}
.menu > ul > li:hover > ul {
  left: auto;
  top: 43px;
  opacity: 1;
}
.menu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
.menu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
.menu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
.menu ul ul li a {
  width: 130px;
  border-bottom: 1px solid #eeeeee;
  padding: 11px 20px;
  font-size: 12px;
  color: #9ea2a5;
  background: #ffffff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
.menu.align-right ul ul li a {
  text-align: right;
}
.menu ul ul li:hover > a {
  background: #f2f2f2;
  color: #8c9195;
}
.menu ul ul li:last-child > a, .menu ul ul li.last > a {
  border-bottom: 0;
}
.menu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
.menu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
.menu ul ul li.sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
.menu.align-right ul ul li.sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
.menu ul ul li.sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.menu.align-right ul ul li.sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#ddmenu
{
    display:block;
    font-family: "Verdana", Geneva, sans-serif;
    text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
    letter-spacing:normal;
}

#ddmenu ul
{ 
    margin:0 auto;
    padding:0;
    text-align:center; /* Alignment of each top-level menu items within the UL */
    width:1200px;
    font-size:0;
    background-color:rgba(0,0,0,0.5);
    display:inline-block;
    list-style:none;
    position:relative;
    z-index:999999990; 
    max-width:1400px;
border:0px solid rgba(255,255,255,0.2);
border-radius:0px;
}

#ddmenu li
{
    margin:0;
    padding:0;
    font-size:16px;
    display:inline-block;
    *display:inline;
    zoom:1; /*for IE6-7*/
    position:relative;
    color:#eee;
    line-height:46px; /*This determines the height of the menu*/
    vertical-align:middle;
    transition:background-color 0.2s;
    outline:none;
	-moz-user-select:none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#ddmenu .full-width {
    position: static;
}

#ddmenu .over
{
    color:#FFF;

}

#ddmenu .over.no-sub {
    
}

#ddmenu .top-heading
{
    font-weight:bold;
    margin:0 80px;
    color:inherit;
    text-decoration:none;
    display:inline-block; 
    outline:0;
    cursor:pointer;
}

/* links of top-heading */
#ddmenu a, #ddmenu a:link, #ddmenu a:hover
{
    color:inherit;
}
#ddmenu a:hover
{
    text-decoration:underline;
}

#ddmenu a:focus
{
    outline:1px dotted #09F;
}

/* caret(arrow icon) */
#ddmenu .caret
{
    color:inherit;
    left:-12px;
    width: 0;
    height: 0;
    overflow:hidden;/*for IE6*/
    vertical-align:middle;
    margin-bottom:2px;
    border-top: 4px solid;/*caret size is 4px now*/
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    position:relative;
}  
        
/* sub-menu layout
----------------------------*/

#ddmenu .dropdown
{
    width:auto;    
    left:0px;
    color:#000;
    padding:0;margin:0;display:none;position:absolute;overflow:hidden;
    top:100%;
    border:0px solid rgba(255,255,255,0.35);
border-top:none;
border-radius:2px;
background-color:rgba(0,0,0,0.2);
background-color:#ccc \9;/*fallback for old IE*/
}

#ddmenu .full-width .dropdown {
    width:1200px;
    padding:0;
    margin:0;
}

#ddmenu .offset300 {
    left:-300px;right:auto;
}

#ddmenu .right-aligned {
    left:auto;
    right:0px;
}

#ddmenu .over .dropdown
{
    display:block;
}

#ddmenu .dd-inner {
    text-align:center;
    padding:20px;
    margin:16px;
    background-color:#FFF;
    white-space:nowrap;
    font-size:13px;
}

#ddmenu ul ul
{ 
    margin:0;padding:0;text-align:left;width:auto;background:none;border:none;display:block;position:static;z-index:0;border-radius:0;
}

#ddmenu ul ul li
{
    font-size:13px;
    padding:6px 0; /*It determines the line height*/
    color:inherit;
    line-height:1;
    margin:0;display:block;position:static;background:none;border:none;transition:none;border-radius:0;
}
  
/* links in sub menu
----------------------------*/

#ddmenu .dropdown a
{
    color:#000;
    line-height:1;
    text-decoration:none;
    transition:color 0.4s;
}

#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
{
    text-decoration:none;
    color:#09F;
}

/* blocks within the sub-menu
-----------------------------*/
#ddmenu .column
{
    text-align:left;
    vertical-align:top;/*or middle*/
    display:inline-block;
    *display:inline;*zoom:1;
    white-space:normal;
    width:auto;min-width:200px;
	height:200px;
	padding:0 30px;
	border-right:1px solid #999;
}
#ddmenu .columnbg
{
    text-align:left;
    vertical-align:top;/*or middle*/
    display:inline-block;
    *display:inline;*zoom:1;
    white-space:normal;
    width:auto;min-width:200px;
	height:200px;
	
	padding:0 0px;
	border-right:1px solid #999;
}
#ddmenu .dd-inner ul:last-child
{
    border-right:none;
}

#ddmenu h3 {
  font-weight: 500;
  line-height: 1.1;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 24px;
}

#ddmenu div.column h3 {text-transform:uppercase;}

/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages */
#ddmenuLink {display:none;}

/*######## add additional styles for mobile-friendly responsive menu ########*/

#ddmenu .menu-icon   
{
    display:none; /* hide menu icon initially */
}



/*styles for mobile*/
@media only screen and (max-width: 480px) 
{
    #ddmenu .column.mayHide {
        display:none;
    }

    /*override the original settings*/
    #ddmenu ul {
        width: 100%; 
        display: none;
        border-radius:0;
         
    }
	
    #ddmenu li {
        position:relative;
        display:block;
        font-size:20px;
        text-align:left;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        border-radius:0;
    }

    #ddmenu .full-width {
        position: relative;
    }
    
    #ddmenu .dropdown {
        position:relative;
        *top:auto;/*for IE7*/
        border:none;
        border-radius:0;
        box-shadow:none;
        background-color:#FFF;
    }
    
    #ddmenu .offset300 {
        left:0;
    }

    #ddmenu .full-width .dropdown {
        width: auto;
    }
        
    #ddmenu .dd-inner
    {
        margin:0;
        background:none;
        text-align:left;
    }
    
    /*turn each column to list vertically instead of horizontally */
    #ddmenu .column {
        width:auto;
        padding:0;
        border:none;
        display:block;
    }

    /*move the arrow icon to right*/
    #ddmenu .caret {
        position:absolute;
        left:auto;
        right:14px;
        top:20px;
        border-width:5px;
    }


    /* All the following are for the .menu-icon (pure CSS) */
    #ddmenu .menu-icon {
        font-size:32px;/*icon size*/
		display: block;
        position: relative;
		width: 40px;
		height:36px;
        text-align:center;
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
        background-color: #eee;
        border-radius: 3px;

        margin-bottom:6px;
        /*align the icon to the right*/
        margin-left: auto;
        margin-right: 11px;
    }

    #ddmenu .menu-icon::before {
        content: "";
        position: absolute;
        top: 0.25em;
        left: 4px;
        width: 1em;
        height: 0.125em;
        border-top: 0.375em double #333;
        border-bottom: 0.125em solid #333;
        box-sizing: content-box;
    }

    #ddmenu .menu-icon-active {
        background-color: #333;
    }

    #ddmenu .menu-icon-active::before {
        border-color: #eee;
    }
}