/* society color */
/* #header{background:black;} */
.login #header h1 a {color: #fff;}
/* #1039 Bulma와 버튼색이 충돌해서 삭제 */
/*
.button, input[type=submit], .submit-row input, a.button {background:grey;}
*/
.module h2, .module caption, .inline-group h2 {background:grey;}
div.breadcrumbs {background:black; opacity:0.5;}
.object-tools a:focus, .object-tools a:hover {background:black;}
/* #1039 Bulma와 버튼색이 충돌해서 삭제 */
/*
.button.default, input[type=submit].default, .submit-row input.default {background:black;}
.button:active, input[type=submit]:active, input[type=button]:active, .button:focus, input[type=submit]:focus, input[type=button]:focus, .button:hover, input[type=submit]:hover, input[type=button]:hover {background:black;}
.button.default:active, input[type=submit].default:active, .button.default:focus, input[type=submit].default:focus, .button.default:hover, input[type=submit].default:hover {background:pink;}
*/

#content-board-main .main-caption {background : pink;}
#content-board-main-2 .main-caption {background: pink;}
caption.main-caption {background:#619C9A;}
/* society color - end */




/* admin 페이지 */
.object-tools a.addlink {
    background-image: url(../img/tooltag-add.svg);
}
.object-tools a.viewsitelink, .object-tools a.golink, .object-tools a.addlink {
    background-repeat: no-repeat;
    background-position: right 7px center;
    padding-right: 26px;
}

.login #header h1 {display:inline-block;}
.login #container {width:40em;}
.login .submit-row {padding: 1em 0 0 16em;}
.login-logo-wrap {margin-right:20px; margin-bottom:10px;}
.login-logo {height:40px;}



/* admin 페이지 - end */
.filebox label {color:black; margin:0 10px;}

.table-row .sbj{text-align:center;}

.login .ipArea {border : 0;}
.login .textbox {margin-bottom:10px; height:49px;}
.login .ipArea {
    margin-bottom: 10px;
}
.login .checks {
    position: relative;
    margin: 20px 0;
}
.subimg{margin-bottom: 0px;}

.orgarea{font-size:14px;}

.ext-content {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
}
.rgArea .btnArea a {
    font-size: 15px;
    border-radius: 2px;
    border-color:white;
    background:#45B9FF;
}
body {
    background-repeat: no-repeat;
    background-size:cover;
    background-position:top;


}

#footer .ft_menu {
    margin-left: 10px;
}

#footer .ft_logo {
    padding-right: 15px;
}

.header-logo {
    max-height:60px;
}

.orgarea li {
    width: 135px;
}

.join_divi {
    width: 100%;
    height: 400px;
    margin: 20px 0 38px 0;
    background-size : 30px;
    background-color: #fff;
}

.join_divi dl {
    float: left;
    width: 49%;
    margin-top: 38px;
    letter-spacing: -1px;
    text-align: center;
}
.join_divi dl:first-child {
    border-right: 1px solid;
}

.join_divi dt {
    margin-bottom: 10px;
    font-size: 18px;
    _line-height: 21px;
    font-weight: bold;
}

.join_divi dd {
    color: #848485;
    font-size: 12px;
    line-height: 15px;
    margin : 20px 20px 0 20px;
}
.join_divi .user {
    width: 60%;
}

.signup-button{
    padding:10px;
    background-color:#45B9FF;
    border-radius:1.5px;
}
.signup-button span{
    color:white;
    font-size:14.5px;
    font-weight: 700;
}

.hs-wrap {
    max-width: 700px;
}

.font-alt {
    text-transform: capitalize;
    margin: 35px 0;
}

.board-dl {
    display:inline-block;
}

.board-dl.last{
    float:right;
}

.board-dl.last > dd{
    padding: 0;
}

.no-posts {
    max-width: 100%;
    margin: 50px auto;
    padding: 47px 30px 53px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0, .5);
}

table.tbl_nor {
    text-align: center;
}

#id_concentration {
    margin-top : 10px;
}
#id_concentration li {
	display: inline-block !important;
	min-width: 150px;
}

.required::after {
    content: "*";
    color: red;
}

.book li>a {
    text-decoration: none;
}

#footer>.wrap {
    max-width: 1360px;
}

.spCon table {
    max-width:570px;
}

.schedule .cal_info .day>span {
    font-size: 15px;
}

.user-name {
    display:block;
    font-weight:1000;
}

.postcode-btn{
    display:inline-block;
    margin:0 10px;
    border: 0;
    line-height: 1.5;
    padding: 4px 10px 4px 10px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background-color: rgba(117,190,58,1);
}

.btn_profile_update {
    float:right;
    width: 160px;
    height: 42px;
    line-height: 42px;
    margin: 0 4px;
    text-align: center;
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #848484;
    border-radius: 6px;
    background: rgba(117,190,58,1);
}

ul.profile-messagelist li {
    display: block;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 10px 10px 65px;
    margin: -45px 0 30px 0;
    background: #dfd url(../img/icon-yes.svg) 40px 12px no-repeat;
    background-size: 16px auto;
    color: #333;
}
ul.profile-messagelist li.error{
    display: block;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 10px 10px 65px;
    margin: -45px 0 30px 0;
    background: #DF1A16 url(../img/icon-alert.svg) 40px 12px no-repeat;
    background-size: 16px auto;
    color: #fff;
}

#document-box {
    margin : 30px 0;
}

.select-boxes {
    margin: 0 25%;
}

.certificate_table {
    width: 100%;
    table-layout: fixed;
    text-align: center;
    color: #383838;
    font-size: 13px;
    border-top: 1px solid #262626;
    margin: 10px 0;
}

.certificate_table th, .certificate_table td {
    padding: 18px 10px;
    border-bottom: 1px solid #e1e1e1;
}

#pdf-apply-button{
    margin: 30px 44%;
}

.book .pic img{
    max-height:200px;
}

.notice-popup {
    z-index: 999;
    position: absolute;
    top: 160px;
    left: 50px;
    width: 600px;
    height: auto;
    background-color:#fff;
}

.notice-popup > .wrapper {
    position:relative;
    margin:15px;
}

.notice-popup > .wrapper > .created{
    margin:25px 0;
}

.notice-popup > .wrapper > .contents{
    margin:25px 0;
}

#slide{float:left; width:400px; height:300px;position:absolute;overflow:hidden; top:0; right:0;}
#slide ul{width:400%;height:100%;transition:1s; display:flex;animation:slide 30s infinite;}
#slide ul:after{content:"";display:block;clear:both;}
#slide li{float:left;width:25%;height:88%; text-align:center;}
#slide li img{vertical-align:middle; max-height:100%;}
#slide li:nth-child(1){background:#6cb92b;}
#slide li:nth-child(2){background:#6cb92b;}
#slide li:nth-child(3){background:#6cb92b;}
#slide li:nth-child(4){background:#6cb92b;}

#slide input{display:none;}
#slide label{display:inline-block;vertical-align:middle;width:10px;height:10px;border:2px solid #666;background:#fff;transition:0.3s;border-radius:50%;cursor:pointer;}
#slide .pos{text-align:center;position:absolute;bottom:10px;left:0;width:100%;}
#pos1:checked~ul{margin-left:0%;}
#pos2:checked~ul{margin-left:-100%;}
#pos3:checked~ul{margin-left:-200%;}
#pos4:checked~ul{margin-left:-300%;}
#pos1:checked~.pos>label:nth-child(1){background:#666;}
#pos2:checked~.pos>label:nth-child(2){background:#666;}
#pos3:checked~.pos>label:nth-child(3){background:#666;}
#pos4:checked~.pos>label:nth-child(4){background:#666;}

#slide >.wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
@media only screen and (max-width: 767px) {
    .notice-popup {
        display: none;
    }
    #slide {
        float: none;
        width: 100%;
        height: 88%;
        position:relative;
    }
    .mcnt .login.box {
        float: none;
        width: 100%;
        height: 300px;
    }
}





.hd_util span {
    position: relative;
    display: inline-block;
    height: 39px;
    padding: 0 10px;
    line-height: 39px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    opacity: 0.73;
}

.loginbox-comment {
    margin:15px 0;
    font-size:13px;
    color:grey;
}

.book li>a {
    background-color: #dfdfdf;
    width:60%;
    padding: 10px 5px;
    display: block;
    text-align: center;
    color: #8c8c8c;
    font-size: 13px;
    border: 1px solid #dfdfdf;
    border-radius:5px;
}

.book li>a:hover {
    border: 1px solid #6cb92b;
}




.pp_tit_rg {
    margin: 30px;
}

.progress-bar {
    width: 50px;
}

.input_edubackground {
    width: 200px;
}

.board_bs_info_select {
    max-width:200px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 27px;
    padding-right: 25px;
    border: 1px solid #b4b4b4;
    border-radius: 4px;

    line-height: 27px;
    text-align: left;
    color: #6d6d6e;
    font-size: 13px;
    font-weight: 400;
}

.find-address input[type=button]{
    margin:0;
    padding: 0 10px;
}

/* 아래쪽만 라운드를 줌  */
.heapBox.tb_sel .heap {
	border-radius: 0 0 4px 4px;
}
/*  드롭다운이 선택박스와 붙어있도록 수정  */
.heapBox.tb_sel .heap {
	top: 25px;
}

.map {
    width: 100%;
}


.small_btn {
	font-size: 1rem;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;
	margin: 0 3px;
	padding: 0 5px;
}

.list_photo .tt {
	white-space: normal;
}

.inline_btn.download {
	color: #ff2a00;
}

.link:link, .link:hover {
	color: #0000EE;
}
.link:active {
	color: #EE0000;
}
.link:visited {
	color: #551A8B;
}


/*이미지 갤러리 뷰*//*181208yu*/
.gallery_view {position:relative; padding:0; border-bottom:none;}

.gallery_view .swiper-container {width:100%; margin-left:auto; margin-right:auto;}
.gallery_view .swiper-slide {position:relative; width:100%; height:600px; cursor:pointer; text-align:center;}
.gallery_view .swiper-slide> img { z-index:10000; max-height:100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.gallery_view .gallery-top {width:100%;  border-top:none; box-sizing:border-box;
	/* border:1px solid #e1e1e1; */
}
.gallery_view .gallery-thumbs {height:100px; padding:10px 10px; box-sizing:border-box; background:#f7f7f7; }
.gallery_view .gallery-thumbs .swiper-slide {width:25%; height:100%; opacity:0.4; box-sizing:border-box;}
.gallery_view .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.gallery_view .swiper-button-prev, 
.gallery_view .swiper-button-next {width:47px; height:64px; margin-top:-32px; background-color:rgb(255,255,255,.2);}
.gallery_view .swiper-button-prev {left:0;}
.gallery_view .swiper-button-next {right:0;}
.gallery_view .swiper-slide-active .pic>img {
	max-height: 500px !important;
	z-index:10000; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
}


@media only screen and (max-width: 979px){
	.gallery_view .swiper-slide {height:450px;}/*181208yu*/
}
@media only screen and (max-width: 679px){
	.gallery_view .swiper-slide {height:250px;}/*181208yu*/
	.gallery_view .gallery-thumbs {display:none;}/*181208yu*/
	.gallery_view .swiper-button-prev, .swiper-button-next {top:260px; width:8%; height:30px; margin:0; background-size:50%;}/*181208yu*/
}