@import url('/css/font.css');

html {box-sizing:border-box;font-size:20px}
*,*:before,*:after{box-sizing:inherit;}
body {margin:0; padding:0; font-size:16px; font-family:'Noto', sans-serif; line-height:1.25; color:#333;font-weight:400;background:#f1f1f1 !important;box-sizing:border-box;height:100vh;width:100vw}
body:after {display:block;clear:both;content:''}
ul,ol,li,dl,dt,dd{margin:0; padding:0; list-style: none;}
p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
a {color:inherit; text-decoration:none;}
img {border: 0;	vertical-align:middle; font-size:0;}
img.zoom.img-fluid {width: auto;height:100%;}
table{border-collapse:separate; border-spacing:0; width:100%;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color: #454545; font-size: 1.6rem;border:1px solid #e8e8e8}
select, input {vertical-align: middle;}
select {-webkit-appearance:none;-moz-appearance:none;appearance:none}
select::-ms-expand {display: none}
b, strong{font-weight:normal;}
address,em,i{font-style:normal;}
button{border:0; background:none; cursor:pointer;}
hr{margin: 0; border: none; padding: 0; display:block;}
figure, figcaption{padding:0; margin:0;}
fieldset{border: none; padding: 0; margin: 0;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, section, aside, nav, main {display: block;}
button,input,optgroup,select,textarea { font-family: inherit; font-size: inherit; font-weight:inherit; margin: 0;}
input {display:inline-block;height:45px;line-height:45px}
input[type="button"] {height:auto;line-height:inherit}
table {border-collapse: separate;border-spacing: 0;width:100%}
a{color:inherit; text-decoration:none;}
button {font-family: inherit; font-size: inherit; font-weight:inherit; margin: 0;}
.img-responsive {max-width:65%}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
.error {color:#66a1d7;}
.mR0 {margin-right:0 !important}
.mT30 {margin-top:30px !important}
.txt-left {text-align:left !important}
.txt-right {text-align:right !important}
.txt-center {text-align:center !important}

.navbar {margin-bottom:0 !important}
#header {padding:0 24px;border:0;height:80px;line-height:80px;background:#fff;box-shadow:0px 0px 10px 5px rgba(0,0,0,.18);position:fixed;left:0;top:0;width:100%;z-index:20}
#header .icon-bar {display:block;position:absolute;left:40px;}
.header-util {float:right;height:auto;line-height:inherit;}
.header-util ul {display:inline-block;vertical-align:middle}
.header-util ul:after {display:block;clear:both;content:''}
.header-util li {display:inline-block;vertical-align:middle}
.header-util li a {color:#000}
.header-util .user-admin {margin-left:20px}
.header-util .user-admin a {font-size:14px;padding:5px 12px;border:1px solid #66a1d7;}
.header-util .user-admin li:first-child {margin-right:-7px}
.header-util .user-admin li:first-child a {color:#5798d3}
.header-util .user-admin li:last-child a {background:#66a1d7;color:#fff}
#side-menu {width:250px;position:fixed;left:0;top:0;padding-top:80px;background:#fff;height:100vh;z-index:1}
#side-menu ul li {float:none !important;width:100% !important;border-bottom:1px solid #ddd}
#side-menu ul li a {display:block;padding:20px 32px !important;font-size:17px;color:#323232;font-weight:400;transition:all .4s}
#side-menu ul li a span {display:inline-block;padding-right:19px;position:relative}
#side-menu ul li a span:after {position:absolute;right:0;top:0;width:6px;height:6px;border-radius:50%;background:#66a1d7;content:'';opacity:0;transition:all .4s}
#side-menu ul li.active a,#side-menu ul li a:hover,#side-menu ul li a:focus {color:#66a1d7}
#side-menu ul li.active a span:after,#side-menu ul li a:hover span:after,#side-menu ul li a:focus span:after {opacity:1;}


/* btn */
.btn-wrap {text-align:center}
.btn-wrap > * {display:inline-block;}
.btn-wrap [class*="btn0"] + [class*="btn0"] {margin-left:10px} 
.btn-wrap [class*="btn0"]:first-child {margin-left:0}
[class*="btn0"] {border-radius:3px;font-size:14px;padding:7px 15px;}
[class*="btn0"]:hover,[class*="btn"]:focus {text-decoration:underline}
.btn01 {background:#81b2de;border:1px solid #81b2de;color:#fff;}
.btn01-sub {background:#81b2de;border:1px solid #81b2de;color:#fff; padding:20px; width:30%}
.btn02 {background:#eff7ff;border:1px solid #aaa;color:#555}
.btn02-sub {background:#eff7ff;border:1px solid #aaa;color:#555; padding:20px; width:30%}
.btn03 {border:1px solid #4b5e6f;color:#4b5e6f;background:#fff}
.btn03-sub {border:1px solid #4b5e6f;color:#4b5e6f;background:#fff;padding:20px; width:30%}
.btn04 {border:1px solid #428bcd;color:#fff;background:#428bcd}
.btn04-sub {border:1px solid #428bcd;color:#fff;background:#428bcd;padding:20px; width:30%}
/* 청첩장 버튼 01 */
.btn05 {background:#937272;color:#fff;font-size:.7rem;font-weight:300}
.btn05-sub {background:#937272;color:#fff;font-size:.7rem;font-weight:300 ; padding:20px; width:30%}
.btn06 {background:#c39e9e;color:#fff;font-size:.7rem;font-weight:300}
.btn06-sub {background:#c39e9e;color:#fff;font-size:.7rem;font-weight:300; padding:20px; width:30%}
.btn09 {background:#c59e9f;color:#fff;font-size:.7rem;font-weight:300}
.btn09-sub {background:#c59e9f;color:#fff;font-size:.7rem;font-weight:300; padding:20px; width:30%}
.btn10 {background:#b4b9bf;color:#fff}
.btn11 {background:#fff;border:1px solid #aaa;color:#aaa;padding:20px; border-radius: 7px}

input + [class*="btn0"] {margin-left:10px}

.modal-header {background:#66a1d7;position:relative}
.modal-header .modal-title {color:#fff;text-align:center}
.modal-header .close {font-size:1.8rem;color:#fff;position:absolute;right:1rem;top:3px;opacity:1}
.modal-body {padding:35px 40px 40px}
.modal-body .container {width:100%;float:none;margin:0;padding:0;text-align:center}
.modal-body input[type="text"],.modal-body input[type="password"] {padding:10px;width:100%}
.modal-body input[type="submit"],.modal-body [class^="btn0"] {height:50px;line-height:50px;padding:0;width:42%;margin:1.5rem 0;display:inline-block;}
.modal-body p + p{margin-top:.5rem}
.modal-body .search-form + .search-form {margin-top:8px}
.modal-body .search-form strong {font-size:1rem;font-weight:500;color:#333;margin-right:10px}
.modal-body .result {background:#f3f3f3;padding:10px}
.modal-body #adminList {margin-top:1rem;text-align:left}
.modal-body #adminList .adminManName {position:relative;display:block;padding-left:1.5rem;margin-bottom:.5rem}
.modal-body #adminList .adminManName:before {position:absolute;left:0;top:-4px;font-size:1.2rem;font-family:'xeicon';content:'\ea30';color:#6aa2d7}
.modal-body #adminList .adminWomanName {position:relative;display:block;padding-left:1.5rem;margin:1rem 0 .5rem}
.modal-body #adminList .adminWomanName:before {position:absolute;left:0;top:-4px;font-size:1.2rem;font-family:'xeicon';content:'\ea2f';color:#6aa2d7}
.modal-body #weList {margin-top:1rem}
.modal-body .weLi .weName{display:block;font-size:.9rem;color:#6aa2d7;margin-bottom:.3rem}
.modal-body .weLi .weTell{position:relative;padding-left:1.5rem}
.modal-body .weLi .weTell:before {position:absolute;left:0;top:-1px;font-size:1rem;font-family:'xeicon';color:#6aa2d7;content:'\e9d3'}
.modal-body .weLi .weAddress{position:relative;padding-left:1.5rem}
.modal-body .weLi .weAddress:before {position:absolute;left:0;top:-4px;font-size:1rem;font-family:'xeicon';color:#6aa2d7;content:'\eb49'}
.modal-body .weLi + .weLi {margin-top:.5rem}


.nav-second { text-align:center; float:left; width:100%; margin-top:20px }
.nav-second-div { float:left }
.nav-btn { width:90%; cursor:pointer; background-color:#fff; border:1px solid #ddd; padding-top:10px; padding-bottom:10px; transition:.3s all ease }
.nav-btn:hover { background-color:#09abeb; color:#fff; transition:.3s all ease; border:1px solid #09abeb;  }
.nav-btn.active { background-color:#09abeb; color:#fff; border:1px solid #09abeb; }
.nav-top-btn-wrap { float:right }
.nav-top-background { background:url(""); height:100%; background-size:100% 100%; }
li #profile_img img {width: 50px; height: 50px; max-width: 50px; max-height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(255,255,255,0.5); }


.wrapper { position:relative; min-height:100% }
.main-container { float:left; width:100%; margin-top:20px; padding-left:20px; padding-right:20px; 
    min-height : 80%; /* 援ъ떇 釉뚮씪�슦��瑜� �쐞�븳 ��鍮꾩콉(fallback) */
    min-height : -webkit-calc(100% - 325px); /* for Chrome, Safari */
    min-height :    -moz-calc(100% - 325px); /* for Firefox */
    min-height :         calc(100% - 325px); /* for IE */
}

/*�넻怨꾪럹�씠吏�*/
.statistics-div { text-align:center; width:100%; margin-top:20px }
/*.statistics-content {margin-top:40px}*/ 
.div-btn {background-color:#fff; border:1px solid #ddd; padding-top:10px; padding-bottom:10px }
.excel-div { float:right }
.excel-btn { cursor:pointer }
.statistics-content { text-align:center;}
.statistics-table {margin-top:20px }
.paging { float:left; width:60%; text-align:center; font-size:20px; margin-top:10px } 
.page-left { float:left; width:40%; font-size:16px; margin-top:10px; font-weight:bold }

.modal.in .modal-dialog {position:absolute;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;margin:0 !important}

/* login */
#login-wrap2 {padding:200px 0 0px;background:url('/img/login02.png') bottom left repeat-x #81b2de;height:calc(100vh - 80px);width:100vw}
#login-wrap2.admins-login {padding-top:220px}
#login-wrap2 .login-form {position:relative;width:500px;height:410px;margin:auto;background:#fff;box-shadow:1px 1px 22px 7px rgba(0,0,0,.18)}
#login-wrap2 .login-form:before,#login-wrap2 .login-form:after {position:absolute;bottom:0;content:''}
#login-wrap2 .login-form:before {left:-140px;width:109px;height:309px;}
#login-wrap2 .login-form:after {right:-190px;bottom:-6px;width:164px;height:323px;}
#login-wrap2 .login-form > div {padding-top:74px;position:relative}
#login-wrap2 #login-form,#login-wrap2 #admins-login-form {width:420px;margin:auto;position:relative;z-index:2}
#login-wrap2 .login-form > div:before {position:absolute;top:-124px;left:50%;transform:translateX(-50%);content:'';width:753px;height:248px;z-index:1}
#login-wrap2 .login-form > div:after {position:absolute;width:460px;height:360px;border:10px solid #c1e2ff;content:'';left:25px;top:25px;box-sizing:border-box}
#login-wrap2 .login-form .form-horizontal > span {display:block;width:100%;position:relative}
#login-wrap2 .login-form .form-horizontal > span:before {position:absolute;left:30px;top:20px;font-family:'xeicon';font-size:24px;color:#97c2e8}
#login-wrap2 .login-form .form-horizontal > span.user-id:before {content:'\ea07'}
#login-wrap2 .login-form .form-horizontal > span.user-pass:before {content:'\e966'}
#login-wrap2 .login-form .form-horizontal > span + span {margin-top:15px}
#login-wrap2 .login-form .form-horizontal > span input {display:block;width:100%;background:#e5f3ff !important;border:0;height:70px;line-height:70px;border-radius:30px;padding:0 30px 0 65px;box-sizing:border-box}
#login-wrap2 .login-form .form-horizontal > span label {margin:7px 0 0}
#login-wrap2 .btn01 {display:block !important;width:100%;height:80px;line-height:80px;border-radius:10px;padding:0 !important;font-size:28px;border:0 !important}
#login-wrap2 .login-form .btn-wrap:after {display:block;clear:both;content:''}
#login-wrap2 .login-form .btn-wrap [class*="btn"] {width:45%;font-size:14px;padding:18px 15px !important}
#login-wrap2 .login-form .btn-wrap .btn01 {float:left;height:auto;line-height:inherit;border-radius:3px;}
#login-wrap2 .login-form .btn-wrap .btn02 {float:right}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
 	-webkit-box-shadow: 0 0 0px 1000px #e5f3ff inset;
}
/* 패스워드 */
#login-wrap2.find-pass {padding-top:13rem}
#login-wrap2.find-pass .login-form > div {padding-top:135px}
#login-wrap2 #lostpass-form {width:420px;margin:auto;position:relative;z-index:2}
#login-wrap2 .btn01 {height:70px;line-height:70px}
#login-wrap2.find-pass .login-form .form-horizontal > span input {height:60px;line-height:60px}
#login-wrap2.find-pass .login-form .form-horizontal > span:before {top:15px}
#login-wrap2 .login-form .form-horizontal > span.user-name.man:before {content:'\ea30'}
#login-wrap2 .login-form .form-horizontal > span.user-name.woman:before {content:'\ea2f'}
#login-wrap2 .login-form .form-horizontal > span.user-date:before {content:'\e9a0'}




.footer {color:#b5c0cb;background:#fff;text-align:center;height:80px;line-height:80px;clear:both}

@media(max-width:1300px){
	.container {width:calc(100% - 272px);margin:2rem .5rem 2.5rem}
}
@media(max-width:1026px){
	input + [class*="btn0"] {margin-left:0}
}
@media(max-height:890px){
	#login-wrap2 .login-form {zoom:.8}
}
@media(max-height:770px){
	#login-wrap2 .login-form {zoom:.7}
}
@media(max-height:700px){
	#login-wrap2 .login-form {zoom:.6}
}
@media(max-height:650px){
	#login-wrap2{padding-top:173px !important}
}


.btn_custom {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}
.btn1 {font-size: 10px;}
.btn2 {font-size: 12px;}
.btn3 {font-size: 16px;}
.btn4 {font-size: 20px;}
.btn5 {font-size: 24px;}




.link-icon { position: relative; display: inline-block; width: auto; font-size: 9px; font-weight: 500; color: #333; padding-top: 50px; }
.link-icon.kakao { background-image: url("../icon/icon-kakao.png"); background-repeat: no-repeat; }


.fa {
    display: inline-block;
    font-family: sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}