/* ==========================================================================
   1.General
   ========================================================================== */
html, body {max-width:100%; overflow-x:hidden;}
   
body {font-family:'Nanum Gothic', 'Malgun Gothic', 'Open Sans', Verdana, Geneva, sans-serif; line-height:1.5; font-weight:400; font-size:16px; overflow-x:hidden;}
p {font-weight: 300; color: #888;}
h1, h2, h3, h4, h5, h6 {font-weight: 400; color: #101010;}
a {color: #82b641; transition: all 0.3s ease-in-out;}
a:hover, a:focus {color: #8ec150; text-decoration: none;}
a:focus { outline: none; }
img {max-width: 100%; height: auto;}
ul, li {list-style: none; padding: 0; margin: 0;}
b, strong { font-weight:bold; }

/* ==========================================================================
   2.Hero section 
   ========================================================================== */

.hero-section {background: url(/_57/img/bg.jpg) center center no-repeat scroll; background-size: cover; padding: 0 0 9em; position: relative; color: #fff;}
.move {
  background: url(/_57/img/bg2.jpg) center center no-repeat scroll;
  background-size: cover; padding: 0 0 9em; position: relative; color: #fff;
}

.hero-section::before, .venue::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0;}
/*.hero-section::before { background: rgba(0, 70, 190, 0.36); }*/

.welcome-message {margin:5em 0 2em;}
.welcome-message h2 {margin-top:0px;} 
.welcome-message h3 {font-size:42px; font-weight:700; line-height: 1.3; margin-top:0px; color:#fff; font-family:"Poppins", sans-serif; letter-spacing: -0.3px;}
.welcome-message h3 span {display:block; font-weight: normal;}

.bttn {
	color:#FFFFFF; background:#008aff; border:2px solid #008aff; font-weight:700; padding:.75em 1.5em; border-radius:5px; display:inline-block; white-space:nowrap; vertical-align:middle; transition:all 0.3s ease-in-out; text-shadow:0 1px rgba(0,0,0,0.1);
}
.bttn:hover, .bttn:active, .bttn:focus {color:#008aff; background:#fff; border:2px solid #fff;}
.action-btn .bttn {margin-bottom: 0.75em; display: block;}
.action-btn .bttn:last-child {margin-bottom: 0; background: transparent; border:2px solid #fff;}
.action-btn .bttn:last-child:hover {margin-bottom: 0; background:#fff; border:2px solid #fff; color:#008aff;}

/* ==========================================================================
   3.nav 
   ========================================================================== */

.nav > li { text-align: center; margin-right:26px;}

.logo-brand img { padding:0px; }

.navbar-toggle {position:absolute;right: 0;}
.navbar-default {background-color: rgba(255, 255, 255, 0.97); border: none;}
.navbar-default .navbar-toggle .icon-bar {background-color:#07b766;}
.navbar-default .navbar-toggle { border:none;}

.logo-nav { display: none; }

.navbar-default.stuck .logo-head {display:none; }
.navbar-default.stuck .logo-nav {display:block; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#07b766; transition: all 0.3s ease-in-out;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {background-color: #fff; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav > li > a:focus { color:#1a1e2d; }
.navbar-default .navbar-nav li .active {color: #02b663 !important;}
.navbar-toggle .icon-bar {height:3px; border-radius: 1px;}

.navbar-default.stuck .navbar-header {-ms-flex-align: center !important; align-items: center !important; display:flex;}
.navbar-default.stuck .navbar-nav>li>a {font-size:18px; line-height:1; padding:40px 0; display:inline-block; font-weight:600;}
.navbar-default.stuck .navbar-nav > li > a:hover, .navbar-default.stuck .navbar-nav > li > a:focus { color:#fed857; }

.navbar-default.stuck .navbar-nav .bttn:hover, .navbar-default.stuck .navbar-nav .bttn:focus {background:#008aff!important; border:0!important; color: #fff;}

.navbar-default.stuck {
  position:fixed; width:100%; top:0; left:0; z-index:10; background-color:rgba(255, 255, 255, 1); box-shadow: 0 1px 12px 0px rgba(51, 51, 51, 0.23);
  -webkit-animation: fadeInDown 1s both; animation: fadeInDown 1s both; transition: margin-top 200ms linear;
}

.widget-search-box {padding:0px 20px; display:inline-block;}
.widget-search-box .subscribe-form {position: relative;}
.widget-search-box .subscribe-form .form-control {
	color:#6c757d; font-size:14px; font-weight:500; background-color:#f5f6fa; position:relative; left:0; top:0; width:200px; height:65px; z-index:1; border-radius:30px; border:0; display:block; padding: 0 0 0 40px;
	box-shadow:none;
}
.widget-search-box .subscribe-form button {border: 0; background: 0; color: #02b663; font-size: 18px; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer;}


@-webkit-keyframes fadeInDown {
	0% {opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px);}
	100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}

@keyframes fadeInDown {
	0% {opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px);}
	100% {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}

/* ======================================================================= */   
   
.section-spacing {padding: 4.5em 0;}

.counter {padding: 4.5em 0; position: relative;}
.counter i { color: #82b641; }
.counter p { margin-bottom: 0; }
.counter div[class^="col-"]:nth-child(1),
.counter div[class^="col-"]:nth-child(2) { padding-bottom: 1.5em; }

/* ==========================================================================
   9.Pricing - 결재
   ========================================================================== */

.pricing > .container > .row > .col-md-4 { margin-bottom: 3em; }
.pricing > .container > .row > .col-md-4:last-of-type { margin-bottom: 0; }
.plan {border:1px solid #ddd; background: #fff; border-radius:10px;}
.plan .header {background:#008aff; color: #fff; padding: .75em 1em; border-top-left-radius:10px; border-top-right-radius:10px;}
.plan .header h4 {font-weight:700; color:#fff; font-size:18px;}
.plan  figure { padding-bottom:1.5em;}

.currency {font-size: 20px; vertical-align: top; position: relative; left: -6px; font-weight: 400;}
.price {font-size:30px; font-weight: 400;}
.ticket {font-size: 16px; position: relative; left: 6px; font-weight: 400; text-transform: lowercase;}

.plan-features { padding: 0.75em 2.25em; }
.plan-features li {border-bottom: 1px dotted #ddd; padding: 12px 0; color: #888; font-weight: 300;}
.plan-features li:last-child { border: none; }

.type_reg h4 { text-align:left; font-weight:400;}
.type_reg h4 span {font-size:13px; color:#666;}

.table-b > thead > tr > th, .table-b > tbody > tr > th, .table-b > tfoot > tr > th, .table-b > thead > tr > td, .table-b > tbody > tr > td, .table-b > tfoot > tr > td {
	border: 1px solid #ddd;
}
.reg_table {font-size:13px; text-align:left;}
.reg_table h4 { margin-bottom:1em; padding-bottom:0.7em; font-size:20px; font-weight:bold; border-bottom:1px solid #7d7d7d;}
.reg_table a {text-decoration:none; color:#006ea8;}
.reg_table a:hover {text-decoration:underline;}
.reg_table li {padding:6px 0;}
.reg_table li:last-child {}
.reg_table p { margin:0px; font-size:12px; padding-bottom:1em;}
.reg_table .event_tit {color:#101010; font-size:18px; font-weight:400;}
.reg_table label { font-weight:normal;}

.reg_form_box {padding:0px; width:100%;}
.reg_form_box .form-group {padding:0px; margin: 0 0 0.5em 0;}

.input_box {padding:0 5px; margin-bottom:10px;}
.input_box .form-control {padding-left:36px;}
.input_box input, .input_box select {width:100%;}
.input_box input::-ms-input-placeholder {color:#7d7d7d; }
.input_box input::-webkit-input-placeholder {color:#7d7d7d; }
.input_box input::-moz-placeholder {color:#7d7d7d; }
.input_box select, .input_box .form-control {color:#7d7d7d;}

select{-webkit-appearance: none; -moz-appearance: none; appearance: none; /*화살표 배경 넣기*/background-color:#fff;}
select::-ms-expand{display:none; /* 화살표 없애기 for IE10, 11*/}

.input_box > i {
	position:absolute; top:0; right:0; left:6px; z-index:2; display:block; width:34px; height:34px; line-height:34px; text-align:center; pointer-events:none; font-size:14px; color:#54c0cc;
}

#tax_register {background-color:#f5f5f5; margin-bottom:20px;}
#tax_register p {text-align:center;}
#tax_register .input_box .form-control {padding-left:10px;}

.regi_txt02 { margin-bottom:20px !important; font-weight:bold; color:#C00;}

.help-block {margin:3px 0 0 0; font-size:12px;}
.has-feedback i {left:8px; color:#a94442;}
.has-success i {color:#82b641;}

.form-horizontal .has-feedback .form-control-feedback {margin-top:10px; right:5px;}

.select_box span {display:none;}
.select_box2 .form-control-feedback {right:15px !important;}

.table-bordered .input_box {padding:0px; margin:0px;}
.table-bordered .input_box .form-control {padding:0 10px;}
.table-bordered .input_box .error { text-align:left;} 

.info_box {width:100%; height:121px; padding:15px; overflow:auto;}
.highlight {padding: 9px 14px; margin-bottom: 14px; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px;}

.interest {padding:0 5px 10px !important; color:#7d7d7d;  border-bottom:1px solid #7d7d7d; margin-bottom:1em !important;}
.interest h5 {color:#7d7d7d; font-size:14px; border-bottom:1px solid #7d7d7d; padding:0 5px 10px; margin:10px 5px;}
.interest h5 i {color:#54c0cc;}

.interest div { line-height:2;}
.interest input { width:auto !important;}
.interest .form-control-feedback {display:none;}
.interest .error {display:none; font-size:12px;}
.interest .has-error .error {display:block; }
.interest .has-error h5 i {color:#a94442;}

.login_box input {width:70%; display:inline-block;}
.login_box a {display:inline-block; background-color:#02b663; padding:7px 10px; border-radius:4px; color:#fff; font-weight:bold; text-decoration:none;}
.login_box a:hover { background-color:#fed857; color:#000; text-decoration:none; cursor:pointer;}

/* 페이지 세팅 */
/* ==========================================================================
   16.Subscription form styles
   ========================================================================== */   

.form-control::-webkit-input-placeholder {color:#6c757d; font-weight: 300;}
.form-control:-moz-placeholder {color:#6c757d; font-weight: 300;}
.form-control::-moz-placeholder {color:#6c757d; font-weight: 300;}
.form-control:-ms-input-placeholder {color:#6c757d; font-weight: 300;}

.center-block { float: none; }

.btn {transition: all 0.3s ease-in-out; padding: 12px 2em;}
.btn-default {color:#fff; background-color:#02b663; border-color:#02b663; font-weight: 700; text-shadow: 0 1px rgba(0,0,0,0.1);}

#mc-form .btn-default { height: 60px; }
.btn-default:hover, .btn-default:focus, .btn-default:active {background-color:#fed857; border-color:#fed857; color: #000;}
.btn:focus, .btn:active:focus, .btn.active:focus { outline: none; }

#mc-notification {margin: 0.75em 0 0; font-weight: 300; color: #7d7d7d;}
.error { color: #f44336 !important; font-weight:normal !important; margin-top:5px;}
.valid { color: #4CAF50 !important; }
.error i, .valid i { padding-right: .5em; }

#contact-form > div[class*="for-user-"] > i, #mc-form i.fa-envelope-o {color: #82b641; position: absolute; left: 1.15em; top: 21px; z-index: 2;}

/* ==========================================================================
   17.site footer 
   ========================================================================== */

.site-footer {background-color:#080e14;} 
.site-footer p { font-size:14px; color:#abbeca; margin-bottom:5px;}

.site-footer small {font-size:14px; color:#abbeca; margin:1em 0 1.5em; display:inline-block;}

.site-foote-box {text-align:left}

.site-footer .footer-links { margin-bottom:15px; color:#67a59c;}
.site-footer .footer-links a {color:#fff; font-size:16px; font-weight:bold;}
.site-footer .footer-links a:hover {color:#ce0e19;}

.scroll-top { margin-bottom: 0; }
.scroll-top a {
	position:fixed; bottom:2em; right:2em; text-decoration:none; background:#006ea8; color:#fff; font-size:12px; padding:.8em 1em; display:none; z-index:200; 
	border-radius:5px; transition:all .5s ease-in;
}
.scroll-top a:hover {background:#111; color:#00a4fa;}

/* ==========================================================================
   18.Contact
   ========================================================================== */

.contact-form .form-control {border-color: #ddd; margin-bottom: 1.5em; box-shadow: none; padding: 1em 1.5em 1em 3em;}
.contact-form .btn-default { width: 100%; }
.contact-form label.error {margin-bottom: 1.5em; font-weight: 300; color: #ea5050;}
#contact-form div[class*="for-user-"] { position: relative; }

.success-cf, .error-cf { display: none; }
.contact-form .success-cf p, .contact-form .error-cf p {
 	position: absolute; display: block; top: 20%; left: 0; right: 0; text-align: center; z-index: 10; width: 80%; margin: 0 auto; padding: 1em 2em; 
	margin-bottom: 0; border-radius: 4px;
}

.success-cf p {background: #dff0d8; color: #3c763d; border: 1px solid rgba(60, 118, 61, 0.18);}
.error-cf p {background: #FFE5E5; color: #ea5050; border: 1px solid rgba(169, 82, 82, 0.18);}

.contact-form label.error i, .success-cf i, .error-cf i { padding-right: .5em; }
.contact-form .form-control.error {
  	border-color: #E7BEBE; color: #D95C5C; border-left: none; border-bottom-left-radius: 0; border-top-left-radius: 0; box-shadow: .3em 0 0 0 #D95C5C inset; margin-bottom: .75em;
}
.contact-form .form-control.error:focus {border-color: #ff5050; color: #ff5050; box-shadow: .3em 0 0 0 #FF5050 inset;}
.contact-form .valid { border-color: #2ecc71; }

.modal-content {padding: 1.5em; border-radius: 4px;}
.modal-header { border-bottom: none; }
.modal-title {margin: 0 0 24px; font-size: 30px;}
.modal-header, .modal-body { padding: 0; }

.close:hover, .close:focus { outline: none; }

#privacy .modal-content,
#terms .modal-content { background-color: #82b641; }

#privacy .modal-content p, #terms .modal-content p, #privacy .modal-content h4, #terms .modal-content h4 { color: #fff; }

/* ==========================================================================
   19.Social 
   ========================================================================== */
   
.social { margin-top:12px;}
.social li { display:inline-block; padding-right:.3em;}
.social li:last-child { padding-right: 0; }
.social li a {display:block; transition:all 0.3s ease-in-out; font-size:1.3em;}

.site-footer .social li a {color:#ce0e19; background:transparent; border:2px solid #ce0e19; width:56px; height:56px; line-height:50px; border-radius:50%; font-size:28px;}
.site-footer .social li a:hover {background:#ce0e19; border:2px solid #ce0e19; color:#fff;}

.m-scroll-top { margin-bottom: 0; }
.m-scroll-top a {
	position:fixed; bottom:2em; right:2em; text-decoration:none; background:#006ea8; color:#fff; font-size:12px; padding:.8em 1em; display:none; z-index:200; 
	border-radius:5px; transition:all .5s ease-in;
}
.m-scroll-top a:hover {background:#111; color:#00a4fa;}

.error-box {margin:4em 0 8em;}
.error-box h2 {font-size:9em; margin-bottom:0 !important;}
.error-box h3 {font-size:1.8em; font-weight:bold; margin:0 0 15px;}
.error-box p { margin:0 0 30px !important; font-size:16px; color:#666;}
.error-box a { font-weight:bold;}

/*  설문추가 */
.survey-group {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #cfcccc;}
.survey-group:last-child {border:none; margin-bottom:15px; padding-bottom:15px;} 
.survey-group p {font-size:13px; font-weight:bold; padding-bottom:0px; margin-bottom:1em !important;}
.survey-group input {vertical-align:sub;}
.survey-group div { line-height:1.8;}
.survey-group .form-control-feedback { display:none;}

/* ==========================================================================
   20.Small devices (tablets, 768px and up)
 ========================================================================== */

@media (max-width:440px) {
	.hero-section {padding:2em 0;}
	
	.navbar-default.stuck .navbar-header {-ms-flex-align: center !important; align-items: center !important; display:flex;}
	.widget-search-box {display:none;}
	.custom-container {padding:10px 10px 10px 30px;}
	.navbar-default.stuck .navbar-nav > li > a {padding:20px 0;}
	
	.navbar-nav .widget-search-box {display:block; padding-right:0px; margin-bottom:20px;}
	.navbar-nav .widget-search-box .subscribe-form .form-control {width:100%;}
	
	.site-foote-box {text-align:center; margin:1.5em 0 2.5em;}
	.site-footer figure { margin-top:0px;}

	.welcome-message {margin:2.6em 0 1em;}
	.welcome-message h2 {}
	.welcome-message h3 {font-size:23px;}
	.welcome-message h3 span {display:block; font-weight: normal}

	.section-spacing {padding:3em 0;}
	.reg_end { padding:30px 20px;}
	.reg_end span { display:block;}
	
	.navbar-toggle {background-color:#fff; margin:0 10px 0 0; border:none;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #02b663;}
}  
   
@media (min-width: 768px) {
	.hero-section {padding: 3em 0;}
	.custom-container {padding:10px 10px 10px 25px;}
	.navbar-default {background-color: transparent; border-color: transparent; border-radius: 0;}
	.widget-search-box {padding: 35px 24px;}
	.navbar-nav .widget-search-box {display:none;}
	.navbar-default.stuck .navbar-nav > li > a {padding:60px 0;}
		
	.welcome-message {margin:4em 0 2em;}
	.welcome-message h2 {margin-top:0px;} 
	.welcome-message h3 {font-size:28px}
	.welcome-message h3 span {display:block; font-weight: normal}

	.section-spacing {padding:3em 0; }	
	.input_box .form-control { margin-bottom:10px;}
	
	/* 설문조사 */
	.survey-modal .modal-body {height:580px; overflow:auto;}
	.modal-content {letter-spacing:-1.5px;}
	
	.site-footer {padding:4em 0;}
	.site-footer figure {margin:0 0 50px;}
	.site-foote-box {padding-left:40px;}

}

/* ==========================================================================
   21.Medium devices (desktops, 992px and up) 
   ========================================================================== */
   
@media (min-width: 992px) {
	.section-spacing {padding: 4.5em 0;}
	.site-footer figure {margin:5% 0;}
	
	.custom-container { padding:0px;}
	.navbar-nav .widget-search-box {display:none;}

	.reg_box {padding: 3em 0 3em;}
	
	.welcome-message {margin:5em 0 2em;}
	.welcome-message h2 {margin-top:0px;} 
	.welcome-message h3 {font-size:42px}
	.welcome-message h3 span {display:block; font-weight: normal;}	
		
	.input_box .form-control { margin-bottom:0px;}	
}