@charset "utf-8";

/*******************************************************************
   부트스트랩 최대 너비 1170 -> 960으로 수정, gutter는 15px
******************************************************************* */
.container {
    position: relative;
    width: 960px !important;
}

/*******************************************************************
   공통 스타일
******************************************************************* */
body {
    font-size: 15px;
    line-height: 1.58;
    /*background-color: #9ea9a0;*/
    /*background: #9ea9a0 url(../images/bg_pattern.png) 50px -50px;*/
    /*background: #9ea9a0 url(../images/bg_pattern.png) 50px -50px;*/
    background: rgba(145, 173, 218, 0.5);
}
#wrap {

}

/* #header */
#header {
    padding: 10px 0 0;
    /*background-color: #fff;*/
    /*box-shadow: 0 0 8px rgba(0,0,0,0.25);*/
}
#header h1 {
    text-align: left;
    margin-left: 40px;
}
#header h1 img {
    width: 200px;
}
#header .go-home {
    position: absolute;
    right: 0;
    top: 8px;
    display: inline-block;
    padding: 3px 5px;
    font-size: 13px;
    color: #E6F5E8;
    /*border: 1px solid #1d4b99;*/
    /*border-radius: 2px;*/
    /*background-color: #fff;*/
}
#header .go-home:hover {
    color: #fff;
}
/*#header .go-home:hover {*/
/*color: #fff;*/
/*border: 1px solid #1d4b99;*/
/*background-color: #1d4b99;*/
/*}*/
#header .go-home i {
    margin-right: 5px;
}

/* #container */
#container {

}
#container .container {
    min-height: 800px;
    /*border-radius: 5px;*/
    /*box-shadow: 0 4px 6px rgba(0,0,0,0.45);*/
}

/* #footer */
#footer {
    padding: 30px 0;
    text-align: center;
}
#footer b {
    color: #1d4b99;
}

/*******************************************************************
    login.vm - 로그인 페이지
******************************************************************* */
.form-alert {
    width: 586px;
    margin: 60px auto 0;
}
.form-signin {
    position: relative;
    width: 680px;
    height: 692px;
    margin: 30px auto 0;
    padding: 80px 150px;
}
.form-signin h2 {
    margin: 0 0 60px;
    text-align: center;
    font-family: 'Nanum Myeongjo';
    font-size: 32px;
    font-weight: 800;
    color: #3d3f49;
    letter-spacing: -0.45px;
}
.form-signin h3 {
    margin: 0 0 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #564932;
}
.form-area {
    width: 320px;
    margin: 0 auto;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    margin: 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/*.form-signin .btn {*/
/*    border-color:  #505C95;*/
/*    background-color: #505C95;*/
/*}*/
/*.form-signin .btn:hover {*/
/*    border-color:  #434e78;*/
/*    background-color: #434e78;*/
/*}*/

/*******************************************************************
    index.vm - 참석여부 확인 페이지
******************************************************************* */
.section.main {
    position: relative;
    width: 860px;
    margin: 10px auto 0;
    padding: 50px 40px 100px;
    border-radius: 10px;
    background-color: #fff;
}
.section.main .divide {
    width: 622px;
    height: 32px;
    margin: 50px auto;
}
.section.main .alert {
    position: relative;
    width: 100%;
    margin: 0 0 50px;
    padding: 10px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    /*background-color: rgba(224,224,224,0.75);*/
}
.section.main .alert strong {
    color: #f44;
}
.section.main h2 {
    margin: 0 0 30px;
    text-align: center;
    font-family: 'Nanum Myeongjo';
    font-size: 28px;
    font-weight: 800;
    color: #3d3f49;
}

/* invitation */
.invitation {
    color: #3d3f49;
    font-size: 15px;
}
.invitation p {
    margin: 0 0 10px;
    text-align: justify;
}
.invitation .chairman {
    text-align: center;
    margin: 30px 0 0;
}
.invitation .date {

}
.invitation .society {

}
.invitation .name {
    margin-left: 10px;
    font-size: 18px;
    font-family: 'Nanum Myeongjo';
    font-weight: 800;
}

/* information */
.information {

}
.information p {
    margin: 0 0 40px;
    font-size: 16px;
    color: #463836;
    text-align: center;
}
.information > ul.ceremony {

}
.information > ul.ceremony > li {
    float: left;
    width: 50%;
    margin: 0 0 30px;
}
.information > ul.ceremony > li.order {
    width: 100%;
}
.information > ul.ceremony > li .title {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 30px;
    margin-right: 5px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    background-color: #938464;
}
.information > ul.ceremony > li .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    color: #4b3b36;
}
.information > ul.ceremony > li.order {

}
.information > ul.ceremony > li.order .title {
    vertical-align: top;
}
.information > ul.ceremony > li.order ol {
    display: inline-block;
    padding-left: 20px;
    vertical-align: top;
}
.information > ul.ceremony > li.order ol > li {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 600;
    color: #564742;
    list-style: decimal;
}
.information > ul.ceremony > li.order ol > li > ul {
    padding-left: 20px;
}
.information > ul.ceremony > li.order ol > li > ul > li {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #928266;
    list-style: disc;
}

/* year-end-party */
.year-end-party {

}
.year-end-party > form > ul > li {
    float: left;
    width: 50%;
    margin: 0 0 30px;
}
.year-end-party > form > ul > li.order {
    width: 100%;
}
.year-end-party > form > ul > li .title {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 30px;
    margin-right: 5px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    background-color: #bcad80;
}
.year-end-party > form > ul > li .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    color: #685852;
}
/*.year-end-party .btn {*/
/*    display: block;*/
/*    width: 120px;*/
/*    margin: 0 auto;*/
/*    font-size: 16px;*/
/*    border-color: #515e91;*/
/*    background-color: #515e91;*/
/*}*/
/*.year-end-party .btn:hover {*/
/*    border-color: #434e78;*/
/*    background-color: #434e78;*/
/*}*/
.year-end-party .btn i {
    margin: 0 8px 0 0;
    vertical-align: middle;
    font-size: 22px;
}

/* confirm */
.confirm {
    position: fixed;
    left: 50%;
    bottom: 120px;
    width: 720px;
    height: 90px;
    margin: 0 0 0 -360px;
    padding: 15px;
    border-radius: 5px;
    background-color: rgba(61,63,73,0.25);
}
.confirm .inner-wrap {
    position: relative;
    width: 100%;
    height: 60px;
    text-align: center;
    border: 1px solid #bfb6a2;
    border-radius: 5px;
    background-color: #e6e2d9;
}
.section.main .confirm h2 {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0 15px;
    font-size: 18px;
    color: #fff;
    border-radius: 5px 0 0 5px;
    /*background-color: #948662;*/
    background-color: #56453F;
}
.confirm .radio-inline {
    margin: 0 30px;
    padding: 16px 0 0 20px;
    font-size: 18px;
    font-weight: 800;
}
.confirm .text-danger {
    height: 60px;
    line-height: 60px;
}
.confirm input[type="radio"] {
    margin-top: 8px;
}
.confirm .btn {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 100px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 16px;
    border: 1px solid #BB3F49;
    border-radius: 2px;
    background-color: #BB3F49;
    transition: all 0.25s;
}
.confirm .btn:hover {
    border: 1px solid #9f353e;
    background-color: #9f353e;
}

/*******************************************************************
    complete.vm - 완료 페이지
******************************************************************* */
.form-complete {
    position: relative;
    width: 680px;
    height: 692px;
    margin: 60px auto 0;
    padding: 80px 100px;
}
.form-complete h2 {
    margin: 0 0 80px;
    text-align: center;
    font-family: 'Nanum Myeongjo';
    font-size: 32px;
    font-weight: 800;
    color: #3d3f49;
    letter-spacing: -0.45px;
}
.form-complete p {
    margin: 0 0 30px;
    padding: 20px;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    color: #95885F;
    border-radius: 5px;
    background-color: rgba(224,224,224,0.75);
}
.form-complete .form-area {
    width: 480px;
    margin: 0 auto;
}
.form-complete .form-area p b {
    font-size: 21px;
    color: #575037;
}
.form-complete .form-control {
    position: relative;
    height: auto;
    margin: 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-complete .form-control:focus {
    z-index: 2;
}
.form-complete input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-complete input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-complete .btn {
    float: left;
    width: 230px;
    margin-right: 20px;
}
.form-complete .btn:last-child {
    margin: 0;
}
/*.form-complete .btn.btn-primary {*/
/*    border-color:  #505C95;*/
/*    background-color: #505C95;*/
/*}*/
/*.form-complete .btn.btn-primary:hover {*/
/*    border-color:  #434e78;*/
/*    background-color: #434e78;*/
/*}*/


/*******************************************************************
    반응형 스타일
******************************************************************* */

/*highlight-box*/
.highlight-box {
    padding: 20px;
    background-color: #f6faff;
    border: 1px solid #ddd;
}
.highlight-box strong {
    font-size: 24px;
    color: #1554b0;
}
.highlight-box ul.disc {
    margin-left: 20px;
}
.highlight-box .box-list li {
    padding-left: 15px;
    background: url("/images/bullet/box-bullet02.gif") no-repeat 0 8px;
}
.section h4 {
    padding-left: 25px;
    line-height: 1.7;
    font-size: 19px;
    font-weight: 700;
    color: #304667;
    margin-top: 50px;
    margin-bottom: 10px;
    background: url("/images/bullet/bullet_icons_03.png") left center no-repeat;
}
.highlight-blue {
    color: #0030a6;
}
p.highlight-blue {
    color: #0030a6;
}

/* table */
table {
    width: 760px;
    background-color: transparent;
}
.table-bordered {
    border: 0px solid #dfdfdf !important;
    border-top: 1px solid #dfdfdf !important;
}

.tb-join {

}
.tb-join caption {
    margin: 0 0 5px;
    padding: 0;
    font-weight: bold;
    color: #1f67a6;
}
.tb-join th {
    background-color: #f7f7f7;
}
.tb-join th.bd-r {
    border-right: 1px solid #eee !important;
}
.tb-join th i {
    margin-right: 3px;
}
.tb-join td._phone input[type="text"] {
    width: 80px !important;
}
.table-bordered.tb-join,
.table-bordered.tb-join  > tbody > tr > td,
.table-bordered.tb-join  > tbody > tr > th,
.table-bordered.tb-join  > tfoot > tr > td,
.table-bordered.tb-join  > tfoot > tr > th,
.table-bordered.tb-join  > thead > tr > td,
.table-bordered.tb-join  > thead > tr > th {
    border-left: 0;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #eee;
}