/*
THEME NAME: soa
*/

@font-face {
    font-family: 'union_regular';
    src: url('fonts/union_regular-webfont.eot');
    src: url('fonts/union_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/union_regular-webfont.woff') format('woff'),
         url('fonts/union_regular-webfont.ttf') format('truetype'),
         url('fonts/union_regular-webfont.svg#union_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'union_bold';
    src: url('fonts/union_bold-webfont.eot');
    src: url('fonts/union_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/union_bold-webfont.woff') format('woff'),
         url('fonts/union_bold-webfont.ttf') format('truetype'),
         url('fonts/union_bold-webfont.svg#union_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sdgothicneo1bold';
    src: url('fonts/neo1_bold-webfont.eot');
    src: url('fonts/neo1_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/neo1_bold-webfont.woff') format('woff'),
         url('fonts/neo1_bold-webfont.ttf') format('truetype'),
         url('fonts/neo1_bold-webfont.svg#sdgothicneo1bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'sdgothicneo1regular';
    src: url('fonts/neo1_regular-webfont.eot');
    src: url('fonts/neo1_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/neo1_regular-webfont.woff') format('woff'),
         url('fonts/neo1_regular-webfont.ttf') format('truetype'),
         url('fonts/neo1_regular-webfont.svg#sdgothicneo1regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {font-family: 'union_regular', 'sdgothicneo1regular', 'Malgun Gothic'; padding:0; margin:0; width:100%; height:100%; overflow:hidden; font-size:13px; }
body .category-current-issue{overflow:hidden;}

a{text-decoration:none; color:white;}
a:hover{color:black;}
img { display: inline-block; }
p{padding:0; margin:0;}
.bigfont{font-size:45px; line-height: 1; letter-spacing: 2px}
.middlebigfont{font-size:14px;}
.bold{font-family: 'union_bold', helvetica, arial, 'sdgothicneo1bold', 'Malgun Gothic';}
.underline{border-bottom:1px solid black; padding-bottom:2px;}
.bold .underline{border-bottom:2px solid black; padding-bottom:2px;}
.blur{-webkit-filter: blur(1px); /* Safari */
    filter: blur(1px); vertical-align: initial; display: inline-block;}
.blur_more{-webkit-filter: blur(10px); /* Safari */
    filter: blur(10px);}    
* { vertical-align:middle; }
.size-full{width:100%;}

/* INDEX */
.officename{position:fixed; height:50px; width:90%; top:calc(49% - 25px); left:5%; z-index:99; text-align:center;  display:table;}
.officename_cell{display:table-cell; vertical-align:middle;}
.officename_cell:hover{color:white;}
.menu{position:fixed; height:auto; width:auto; margin:12px 30px 0 30px; top:0; left:0; z-index:99999;  }
.menu_cell{width:auto; margin-right:30px; position:relative; float:left;}
.menu_cell:hover{color:grey;}

.arrow_left{position: fixed; bottom: 24px; right: 30px; z-index: 999; width: auto;}
.arrow_right{position: fixed; bottom: 24px; right: 80px; z-index: 999; width: auto;}

.bgimg{z-index: -1; width:130%; height:130%; position:absolute; margin-top:-10%; margin-left:-10%; display:block; }

.mode-a-img-file{width:120%; height:120%; position:absolute; top:0; left:50%; margin-left:-20%; display:block; text-align:center;}
.mode-a-img-file h1{width:90%; height:auto; padding:0; margin:-20px -20px 0 0; display:inline-block;}
.mode-a-img-file h2{width:70%; height:auto; padding:0; margin:-20px -20px 0 0; display:inline-block;}
.mode-a-img-file h3{width:50%; height:auto; padding:0; margin:-20px -20px 0 0; display:inline-block;}
.mode-a-img-file h4{width:30%; height:auto; padding:0; margin:-20px -20px 0 0; display:inline-block;}
.mode-a-img-file h5{width:20%; height:auto; padding:0; margin:-20px -20px 0 0; display:inline-block;}

.mode-b-img-file{width:100%; height:100%; position:absolute; top:0; left:0; display:block; overflow:hidden; z-index: 0; }
.mode-b-img-file img{}

.mode-c-img-file{width:80%; height:100%; position:fixed; left:10%; display:table; margin-top:-2%;}
.ml-slider{display:table-cell; vertical-align:middle;}

.container_text_1col{position:fixed; bottom:24px; left:30px; width:15.125%; z-index:9999;}
.container_text_2col{position:fixed; bottom:24px; left:calc(16.975% + 30px); width:46%; z-index:9999;}

.mode-d-img-file{width:100%; height:auto; position:absolute; top:0; left:0; display:block;}
.mode-d-img-file img{height:100%; }


/* SEARCH */
.menu_cell_search{}
#menu_cell_search { display:none;}
.menu_cell_search:hover #menu_cell_search {display:inline-block; }
.menu_cell_search:hover .menu_cell_search_tab{display:none;}
.searchedword{font-family: 'union_bold', helvetica, arial, 'sdgothicneo1bold', 'Malgun Gothic'; color:#fff;}
input[type="text"] {
	border-bottom:solid 1px white; border-top:none; border-left:none; border-right:none; outline:none; padding-bottom:2px; margin-top:-1px; font-size:13px; 
  font-family: 'union_bold', helvetica, arial, 'sdgothicneo1bold', 'Malgun Gothic'; color:white; background-color:transparent}
input[type="submit"] {
  display: inline-block; width:0;
  float: left;
  background: url('');
  background-size:contain;
  margin-left: -200px;
  border: none;
  position: float;
  top: 8px;
  right: 8px;
  z-index: 10;
  cursor: pointer;
}
.pointer{cursor: pointer;}

.line_container_four {width:calc(100% - 60px); height: 1%; top: 49.5%; left: 30px; position: fixed; z-index: 999; }
.four {width:23.5%; margin-right:2%; position: relative; float:left; border-bottom: 1px solid black;}
.four_last {width:23.5%; margin-right:0%; position: relative; float:left; border-bottom: 1px solid black;}

.line_container_six {width:calc(100% - 60px); height: 1%; top: 91px; left: 30px; position: fixed; z-index: 999; }
.six {width:15.125%; margin-right:1.85%; float:left; position: relative; border-bottom: 1px solid black;}
.six_last {width:15.125%; float:left; position: relative; border-bottom: 1px solid black;}

.line_container_three {width:calc(100% - 60px); height: 1%; bottom: 12px; left: 30px; position: fixed; z-index: 999; }
.three {width:32%; margin-right:2%; float:left; position: relative; border-bottom: 1px solid black;}
.three_last {width:32%; float:left; position: relative; border-bottom: 1px solid black;}
.inlinetitle{display:inline-block;}

@media screen and (max-width:615px) {
 .bgimg{z-index: -1; width:100%; height:100%; position:absolute; margin-top:0%; margin-left:0%; display:block; } 
 .officename{position:fixed; height:50px; width:90%; top:calc(45% - 25px); left:5%; z-index:99; text-align:center;  display:table;}
 
  .blur{-webkit-filter: blur(1px); /* Safari */
    filter: blur(1px); vertical-align: top; display: inline-block;}
.menu{position:fixed; height:auto; width:calc(100% - 60px); margin:11px 30px 0 30px; top:0; left:0; z-index:99999;}
.menu_cell{width:auto; margin-right:15px; margin-bottom: 3px; position:relative; float:left; font-size: 13px;}
.menu_cell a{color: white;}
.menu_cell a:hover{border-bottom:1px solid; padding-bottom:1px; color: black;}
.menu_cell:hover{color:#fff;}
.inlinetitle{display: block;}

.container_text_1col{position:fixed; bottom:24px; left:30px; width:60%; z-index:9999;}
.container_text_2col{display: none;}
}