/* 글꼴 */

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosansscsliced.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosansthai.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/earlyaccess/notosansgeorgian.css');


span:lang(ja) {font-family:"Noto Sans Japanese", san-serif;}
span:lang(zh) {font-family:"Noto Sans SC Sliced", san-serif;}
span:lang(th) {font-family:"Noto Sans Thai", san-serif;}
span:lang(ko) {font-family:"Nanum Gothic", san-serif; font-weight:600;}
span:lang(ru) {font-family:"Open Sans", san-serif; font-weight:400;}
span:lang(vn) {font-family:"Open Sans", san-serif; font-weight:400;}
span:lang(ka) {font-family:"Noto Sans Georgian", san-serif; font-weight:500;}


span.titlekor{
font-size:1.1rem;
}

span.titleeng{
font-size:0.7rem;
font-style:italic;
}

span.kor{
font-size:0.9rem;
}

span.eng{
font-size:0.7rem;
font-style:italic;
}

span.tbdkor{
font-size:0.9rem;
color:#ddd;
}

span.tbdeng{
font-size:0.7rem;
font-style:italic;
color:#ddd;
}

div.albumbar span:lang(en){font-size:0.85rem;}
div.albumbar span:lang(ja){font-size:0.8rem;}
div.albumbar span:lang(zh){font-size:0.8rem;}
div.albumbar span:lang(ko){font-size:0.8rem;}
div.albumbar span:lang(ru){font-size:0.85rem;}
div.albumbar span:lang(ka){font-size:0.85rem;}
div.albumbar span:lang(th){font-size:0.85rem;}

.worldflag{
border: 1px solid black;
}

/* 모바일 CSS */


.lifebar{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
width:90%;
margin:0 auto;
border:2px solid black;
font-size:0.9rem;
}

.lifebar a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;
border:1px solid black;
height:100px;
}


/* lifebar div */

a.infancy{
width:calc(33.3333333333% - 2px);
}

a.adolescence{
width:calc(33.3333333333% - 2px);
}

a.undergraduate{
width:calc(33.3333333333% - 2px);
}

a.phd{
width:calc(33.3333333333% - 2px);
}

a.postdoc{
width:calc(66.6666666666% - 2px);
}

a.kist{
width:calc(66.6666666666% - 2px);
}

a.family{
width:calc(66.6666666666% - 2px);
}

.albumbar{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
width:100%;
margin:0 auto;
border:1px solid black;
font-size:0.9rem;
}

.albumbar a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;
padding-top:1rem;
padding-bottom:1rem;
border:1px solid black;
}

/* albumbar div */

a.seoul{
width:calc(80% - 2px);
}

.seoul_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:100%;
}

.seoul_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.korea{
width:calc(80% - 2px);
}

.korea_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:100%;
}

.korea_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.asia{
width:calc(80% - 2px);
}

.asia_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:100%;
}

.asia_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.eu{
width:calc(80% - 2px);
}

.eu_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:100%;
}

.eu_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.aa{
width:calc(80% - 2px);
}

.aa_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:100%;
}

.aa_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.aus{
width:calc(80% - 2px);
}

.aus_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:100%;
}

.aus_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.afr{
width:calc(80% - 2px);
}

.afr_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:100%;
}

.afr_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.ru{
width:calc(80% - 2px);
}

.ru_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:100%;
}

.ru_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.la{
width:calc(80% - 2px);
}

.la_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:100%;
}

.la_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

/* void div */

a.void_1{
width:calc(33.3333333333% - 2px);
background:mediumblue;
display:inline;
}

a.void_2{
width:calc(33.3333333333% - 2px);
background:gold;
display:inline;
}

a.void_a{
width:calc(33.3333333333% - 2px);
background:crimson;
display:inline;
}

a.void_3{
width:calc(20% - 2px);
background:crimson;
display:inline;
}


a.void_4{
width:calc(20% - 2px);
background:gold;
display:inline;
}


a.void_5{
width:calc(20% - 2px);
background:mediumblue;
display:inline;
}


a.void_6{
display:none;
}


a.void_6m{
width:calc(20% - 2px);
background:crimson;
display:inline;
}

a.void_7{
width:calc(20% - 2px);
background:gold;
display:inline;
}


a.void_8{
display:none;
}

a.void_8m{
width:calc(20% - 2px);
background:black;
display:inline;
}

a.void_9{
display:none;
}


a.void_10{
width:calc(20% - 2px);
background:crimson;
display:inline;
}


a.void_11{
display:none;
}

a.void_11m{
width:calc(20% - 2px);
background:gold;
display:inline;
}

a.void_12{
display:none;
}

a.void_12m{
width:calc(20% - 2px);
background:black;
display:inline;
}


.black_space{
width:100%;
background:black;
height:50px;
display:inline;
}


/* 갤러리 코드 */

p.city{
margin-top:0;
font-family: 'Jeju Gothic', san-serif;
font-size:1.5rem;
text-indent:0px;
}

.container{
width:330px;
height:auto;
margin:0 auto;
padding-top:25px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align: center;
}

.slider_wrapper{
overflow: hidden;
position:relative;
height:auto;
top:auto;
}


#pager{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
text-align: center;
height:auto;
margin:auto;
margin-top:25px;
margin-bottom:25px;
}

#pager li{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:2rem;
padding-top:0.5rem;
padding-bottom:0.5rem;
margin:0.25rem;
border:1px solid black;
color:black;
list-style-type: none;
opacity: 0.6;
border-radius: 3px;
cursor: pointer;
}

#pager li:hover{
opacity:0.9;
}


#image_slider{
position: relative;
height:auto;
list-style-type: none;
overflow: hidden;
padding:0px;
margin:0px;
}

#image_slider li{
position: relative;
float:left;
display:-webkit-flex;
display:flex;
-webkit-flex-flow:column nowrap;
-moz-flex-flow:column nowrap;
flex-flow:column nowrap;
-webkit-justify-content:flex-start;
-moz-justify-content:flex-start;
justify-content:flex-start;
font-family: 'Nanum Gothic', san-serif;
width:330px;
height:auto;
}

#image_slider li img.landscape{
width:100%;
height:auto;
margin:0 auto;
padding-bottom:10px;
}

#image_slider li img.portrait{
width:66.6666666666%;
height:66.6666666666%;
margin:0 auto;
padding-bottom:10px;
}

.calendar{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row nowrap;
-moz-flex-flow:row nowrap;
flex-flow:row nowrap;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
justify-content:space-between;
width:100%;
margin:0 auto;
padding-bottom:10px;
}

.description{
width:330px;
margin:0 auto;
}

.description p{
text-align:center;
word-break:keep-all;
text-indent:0px;
}

.nvgt{
position:absolute;
top: 50px;
height: 50px;
width: 30px;
opacity: 0.6;
}

.nvgt:hover{
opacity: 0.9;
}

#prev{
background: #000 url('../images/icons/prev.png') no-repeat center;
left: 0px;
}

#next{
background: #000 url('../images/icons/next.png') no-repeat center;
right: 0px;
}




/* 태블릿 CSS 선언 */

@media all and (min-width:768px){

.lifebar{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
width:90%;
margin:0 auto;
border:2px solid black;
font-size:0.9rem;
}

.lifebar a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;
border:1px solid black;
height:100px;
}


/* lifebar div */

a.infancy{
width:calc(33.3333333333% - 2px);
}

a.adolescence{
width:calc(33.3333333333% - 2px);
}

a.undergraduate{
width:calc(33.3333333333% - 2px);
}

a.phd{
width:calc(33.3333333333% - 2px);
}

a.postdoc{
width:calc(66.6666666666% - 2px);
}

a.kist{
width:calc(66.6666666666% - 2px);
}

a.family{
width:calc(66.6666666666% - 2px);
}

.albumbar{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
width:90%;
margin:0 auto;
border:1px solid black;
font-size:0.9rem;
}

.albumbar a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;
padding-top:1rem;
padding-bottom:1rem;
border:1px solid black;
}

/* albumbar div */

a.seoul{
width:calc(40% - 2px);
}

.seoul_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:40%;
}

.seoul_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.korea{
width:calc(20% - 2px);
}

.korea_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:60%;
}

.korea_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.asia{
width:calc(40% - 2px);
}

.asia_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:40%;
}

.asia_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.eu{
width:calc(20% - 2px);
}

.eu_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:60%;
}

.eu_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.aa{
width:calc(40% - 2px);
}

.aa_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:40%;
}

.aa_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.aus{
width:calc(40% - 2px);
}

.aus_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:40%;
}

.aus_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.afr{
width:calc(20% - 2px);
}

.afr_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:60%;
}

.afr_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.ru{
width:calc(40% - 2px);
}

.ru_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:40%;
}

.ru_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

a.la{
width:calc(40% - 2px);
}

.la_list{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-contents:space-between;
-moz-justify-contents:space-between;
justify-contents:space-between;
width:40%;
}

.la_list a{
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
-webkit-flex:1 1 auto;
-moz-flex:1 1 auto;
-ms-flex:1 1 auto;
flex:1 1 auto;
padding-left:0.5rem;
padding-right:0.5rem;
border:1px solid black;
}

/* void div */

a.void_1{
width:calc(33.3333333333% - 2px);
background:mediumblue;
display:inline;
}

a.void_2{
width:calc(33.3333333333% - 2px);
background:gold;
display:inline;
}

a.void_a{
width:calc(33.3333333333% - 2px);
background:crimson;
display:inline;
}

a.void_3{
width:calc(20% - 2px);
background:crimson;
display:inline;
}

a.void_4{
width:calc(20% - 2px);
background:gold;
display:inline;
}


a.void_5{
width:calc(20% - 2px);
background:mediumblue;
display:inline;
}


a.void_6{
display:none;
}


a.void_6m{
width:calc(20% - 2px);
background:crimson;
display:inline;
}

a.void_7{
width:calc(20% - 2px);
background:gold;
display:inline;
}


a.void_8{
width:calc(20% - 2px);
background:mediumblue;
display:inline;
}

a.void_8m{
display:none;
}

a.void_9{
display:none;
}


a.void_10{
width:calc(20% - 2px);
background:crimson;
display:inline;
}


a.void_11{
display:none;
}

a.void_11m{
width:calc(20% - 2px);
background:gold;
display:inline;
}

a.void_12{
width:calc(20% - 2px);
background:mediumblue;
display:inline;
}

a.void_12m{
display:none;
}

.black_space{
display:none;
}

/* 갤러리 코드 */

p.city{
margin-top:0;
font-family: 'Jeju Gothic', san-serif;
font-size:1.5rem;
text-indent:0px;
}

.container{
width:800px;
height:auto;
margin:0 auto;
padding-top:25px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align: center;
}

.slider_wrapper{
overflow: hidden;
position:relative;
height:auto;
top:auto;
}

#pager{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
-moz-justify-content:center;
justify-content:center;
text-align: center;
height:auto;
margin:auto;
margin-top:25px;
margin-bottom:25px;
}

#pager li{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:2rem;
padding-top:0.5rem;
padding-bottom:0.5rem;
margin:0.25rem;
border:1px solid black;
color:black;
list-style-type: none;
opacity: 0.6;

border-radius: 3px;
cursor: pointer;
}

#pager li:hover{
opacity:0.9;
}

#image_slider{
position: relative;
height:auto;
list-style-type: none;
overflow: hidden;
padding:0px;
margin:0px;
}

#image_slider li{
position: relative;
float:left;
display:-webkit-flex;
display:flex;
-webkit-flex-flow:column nowrap;
-moz-flex-flow:column nowrap;
flex-flow:column nowrap;
-webkit-justify-content:flex-start;
-moz-justify-content:flex-start;
justify-content:flex-start;
font-family: 'Nanum Gothic', san-serif;
width:800px;
height:auto;
}

#image_slider li img.landscape{
width:100%;
height:auto;
margin:0 auto;
padding-bottom:10px;
}

#image_slider li img.portrait{
width:600px;
height:auto;
margin:0 auto;
padding-bottom:10px;
}

.calendar{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row nowrap;
-moz-flex-flow:row nowrap;
flex-flow:row nowrap;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
justify-content:space-between;
width:100%;
margin:0 auto;
padding-bottom:10px;
}

.description{
width:100%;
height:auto;
margin:0 auto;
}

.description p{
text-align:center;
word-break:keep-all;
text-indent:0px;
}

.nvgt{
position:absolute;
top: 300px;
height: 50px;
width: 30px;
opacity: 0.6;
}

}


/* 데스크탑 CSS 선언 */

@media all and (min-width:960px){

.lifebar{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
width:80%;
margin:0 auto;
border:2px solid black;
font-size:0.9rem;
}

.albumbar{
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
-moz-flex-flow:row wrap;
flex-flow:row wrap;
width:80%;
margin:0 auto;
border:1px solid black;
font-size:0.9rem;
}

}

.lifebar a:hover{
background-color:black;
color:white;
}

#image_slider {
counter-reset:photo_number;
}

#image_slider span.photo_number{
font-family: 'Jeju Gothic', san-serif;
font-size:0.75rem;
width:1rem;
padding:0.25rem;
border:1px solid black;
border-radius: 2px;
}

#image_slider span.photo_number:after{
counter-increment:photo_number;
content:counter(photo_number);
}

div a:link {color:black; text-decoration:none;}
div a:visited {color:black; text-decoration:none;}
div a:hover {color:white; background:black; text-decoration:none;}
div a:active {color:black; text-decoration:none;}