/*
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_ita';
  src: url('fonts/Union-Italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/Union-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Union-Italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/Union-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Union-Italic.svg#28fa71f1dffd5be47abd4602f543f6bf') format('svg'); /* Legacy iOS */
}

@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%; 
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; font-size:13px; line-height:1.4; word-break: keep-all;
overflow-x: hidden;}
body{overflow-y: scroll;}

a{text-decoration:none; color:black;}
a:hover{color:#969696;}
img { display: inline-block; }
p{padding:0; margin:0;}
b{font-family: 'union_bold','sdgothicneo1bold', 'Malgun Gothic'; font-style: normal; font-weight: normal;}
em{font-family: 'Union_ita'; font-style: normal;}
strong{font-family: 'union_bold','sdgothicneo1bold', 'Malgun Gothic'; font-weight: normal; font-style: normal;}
sup{baseline-shift: 5px;}
h6{display:inline; border-bottom:1px solid; padding-bottom:1px; text-decoration: none;}
.eng{line-height:1.4;}
.bigfont{font-size:28px; line-height: 1; letter-spacing: 1px}
.middlebigfont{font-size:15px; line-height: 1.1;}
.bold{font-family: 'union_bold','sdgothicneo1bold', 'Malgun Gothic';}
.underline{border-bottom:1px solid; padding-bottom:1px;}
.bold .underline{border-bottom:2px solid black; padding-bottom:2px;}
.grey{color:#969696;}
.greybg{color:#dfdfdf;}
.black{color:black;}
.blur{-webkit-filter: blur(1px); /* Safari */
    filter: blur(1px); vertical-align: top; display: inline-block;}
* { vertical-align:middle; }
.size-full{width:100%;}
.size-large{width:60%; padding-left: 20%;}
.size-full-news{width: 70%; padding-bottom: 17px;}
.size-medium-news{width: 40%; padding-bottom: 17px;}

/* 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:#969696;}
input[type="text"] {
	border-bottom:solid 1px black; border-top:none; border-left:none; border-right:none; outline:none; padding-bottom:2px; margin-top:-1px; font-size:12px; color:#000;}
input[type="submit"] {
  display: inline-block; width:0;
  float: left;
  background: url('');
  background-size:contain;
  margin-left: -200px;
  border: none;
  position: relative;
  top: 8px;
  right: 8px;
  z-index: 10;
  cursor: pointer;
}
.pointer{cursor: pointer;}

/* INDEX */
.officename{position:fixed; height:20%; width:40%; top:35%; left:30%; z-index:99999; text-align:center; display:table;}
.officename_cell{display:table-cell; vertical-align:middle;}
.menu{position:fixed; height:auto; width:auto; margin:11px 30px 0 30px; top:0; left:0; z-index:99999;}
.menu_cell{width:auto; margin-right:30px; position:relative; float:left;}
.menu_cell a:hover{border-bottom:1px solid; padding-bottom:1px; color: black;}
.menu_cell:hover{color:#fff;}

.arrow_left{position:fixed; height:auto; width:auto; bottom:30px; left:30px;  z-index:999;}
.arrow_right{position:fixed; height:auto; width:auto; top:30px; right:30px; z-index:999;}

.container_imgs-2{width:100%; height:150%; position:absolute; top:0; left:0; display:block;}

.ml-slider{display:table-cell; vertical-align:middle;}
.caption-wrap{ background-color:transparent !important; position: absolute !important; bottom:-25px !important; left:-10px !important; }
.caption{color:black; font-size:11px;}
.container_text{position:fixed; bottom:30px; right:30px; width:70%; z-index:999;}

/* COMMON */
.officename-2{position:fixed; height:auto; width:auto; top:47px; left:30px; z-index:999;}
.navigation{width:100%; position:relative; float:left; margin-bottom:20%; }
.nav_prev{padding:50px 0 3px 0; float: left;}
.nav_next{padding:50px 0 3px 0; float: left;}
.cursor_style{cursor: pointer;}

/* SEARCH */
.list_search{width:100%; border-bottom:1px solid black; position:relative; float:left; padding:3px 0 3px 0; }

/* NEWS */
.container_nodepthmenu_news{position:relative; float:left; margin-top:90px; margin-bottom: 35px; left:30px; width:calc(100% - 60px); z-index:999; clear:both;}
.container_nodepthmenu_news .nodepthmenu {width:100%; position: relative; float:left; border-top: 1px solid black; padding-top: 2px;}
.news_title{position:relative; float:left; padding-left: 30px; padding-right: 30px; width:calc(100% - 60px); margin-top: -9px; padding-bottom: 23px}
.container_list-news{position:relative; float:left; margin-top: 10px; left:30px; width:calc(100% - 60px); }
.container_list{position:relative; float:left; margin-top:90px; left:30px; width:calc(100% - 60px); }
.list_title{width:100%; border-bottom:0px solid transparent; position:relative; float:left; padding:2px 0 2px 0;}
.list{width:100%; border-bottom:1px solid transparent; position:relative; float:left; padding:2px 0 2px 0;}
.list:hover{border-bottom:1px solid black;}
.list a:hover{color:black;}
.list:hover {background-color:#dfdfdf}
.list_col-123wrap{width:100%; float:left;}
.list_col-1_title{width:15%; margin-right: 2%; float:left; border-bottom:1px solid black;}
.list_col-2_title{width:49%; margin-right: 2%; float:left; border-bottom:1px solid black;}
.list_col-3_title{width:32%; float:left;border-bottom:1px solid black;}
.list_col-1{width:15%; margin-right: 2%; float:left;}
.list_col-2{width:49%; margin-right: 2%; float:left;}
.list_col-2_long{width:83%; float:left; }
.list_col-3{width:30%; padding-right: 2%; float:left;}
.list_col-contwrap{width:100%; float:left; display: none;}

/*INFO*/
.container_nodepthmenu{position:relative; float:left; margin-top:90px; left:30px; width:calc(100% - 60px); z-index:999; clear:both;}
.nodepthmenu {width:18.4%; margin-right:2%; position: relative; float:left; margin-top: 2px;}
.nodepthmenu_list {width:100%; margin-right:0%; position: relative; float:left;}
.nodepthmenu_last {width:18.4%; margin-right:0%; position: relative; float:left; margin-top: 2px;}
.information_title{position:relative; float:left; margin-top:22px; margin-bottom:2px; width:100%;}
.information_img{position:relative; float:left; margin-top:26px; margin-bottom:60px; width:100%; }
.information_text{position:relative; float:left; margin-top:26px; margin-bottom:60px; width:100%; }

.current_info {width:100%; text-align:right;}
.current_info a{text-align:right;}
.dropbtn_info {background-color: #fff;  color: black; padding:3px 0 3px 0; border-top: 1px solid black; border-left: none; border-right: none; border-bottom: none; width:100%;}
.dropbtn_etc {background-color: #fff;  color: black; padding:3px 0 3px 0; border-top: 1px solid white; border-left: none; border-right: none; border-bottom: none; width:100%;}

/*JOURNAL*/
.journal-wrap{width:100%; position:relative; float:left; margin-top: -15px }
.journal-content{width: 60%; margin:0 20% 30px 20%; border-bottom:1px solid black; padding: 0 0 50px 0;}
.journal-meta{width: 60%; padding: 0 20% 0 20%;}
.journal_title{position:relative; float:left; margin-top:22px; margin-bottom:2px; padding-left: 30px; padding-right: 30px; width:calc(100% - 60px);}

/* BIBLIOGRAPHY */
.container_nodepthmenu_biblio{position:relative; float:left; margin-top:90px; left:30px; width:calc(100% - 60px); z-index:999; clear:both;}
.container_nodepthmenu_biblio .nodepthmenu {width:32%; margin-right:2%; position: relative; float:left;}
.container_nodepthmenu_biblio .nodepthmenu_last {width:32%; margin-right:0%; position: relative; float:left;}
.container_nodepthmenu_biblio .nodepthmenu_list {width:100%; margin-right:0%; position: relative; float:left;}
.container_list-biblio{position:relative; float:left; margin-top: 10px; left:30px; width:calc(100% - 60px); }
.container_list-biblio_single{position:relative; float:left; margin-top: 10px; width:100%; }
.biblio_list_title{position:relative; float:left; margin-top:22px; margin-bottom:2px; left:30px; width:calc(100% - 60px); }
.biblio_list_title_container{position:relative; float:left; margin-top:22px; margin-bottom:2px; width:100%; }

.class-Book:hover{background-color: #dfdfdf;}
.class-Writing:hover{background-color: #dfdfdf}
.class-Publication:hover{background-color: #dfdfdf;}
.container_biblio_list{position:relative; float:left; margin-top:25px; width:100%;}
.title_biblio{width:98%; margin-right:2%; margin-bottom: 27px; position: relative; float:left;}
.img_biblio{width:32%; margin-right:2%; position: relative; float:left;}
.info_biblio{width:32%; margin-right:2%; position: relative; float:left;}
.colophon_last{width:32%; margin-right:0%; position: relative; float:left;}


/*PROJECT*/
.container_project_imagelist{position:relative; float:left; margin-top:23px; left:30px; width:calc(100% - 60px); }
.imagelist{width:102%; position:relative; float:left; padding:3px 0 3px 0;  }
.imagelist:after {
  content: '';
  display: block;
  clear: both;
}
.imagelist_cell{padding-top:0px; margin:0% 0 6% 0; float:left; position: relative; overflow: hidden;}
.imagelist_cell_img{height:100%; display: table; vertical-align: middle; }
.imagelist_cell:hover .imagelist_cell_img {display: none;}
.imagelist_cell_img span{display: table-cell; vertical-align: middle; }

.grid-sizer{width:14.8%; margin-right: 1.85%;}
.imglist_imgcaption{display: none; position: absolute; width: 100%; height: 55%; padding-top: 45%; left: 0; border-bottom: 1px solid black; padding-bottom: 2px; text-align: center}
.imagelist_cell:hover .imglist_imgcaption{display: block; color: black}
.firstimage{width: 100%; margin: auto 0% auto 0%; overflow: hidden;}
.firstimage-horizontal{width: 100%; margin: auto 0% auto 0%;}
.firstimage-vertical{width: 68%; margin: auto 16% auto 16%; overflow: hidden;}

.imagelist_cell_single{padding-top:5px; padding-bottom:20px; float:left; height: auto; width:14.8%; margin-right: 1.85%;}
.imagelist_cell_single_caption{ margin-top: 5px;}

.container_dropdown{position:relative; float:left; margin-top:90px; left:30px; width:calc(100% - 60px);  z-index:999; clear:both;}

.container_project_list{position:relative; float:left; margin-top:22px; left:30px; width:calc(100% - 60px); display:none; }
.container_project_list_wrap{position:relative; float:left; width:calc(100% - 60px);  }
.container_project_list_title{position:relative; float:left; margin-top:20px; margin-bottom:2px; padding-left: 30px; padding-right: 30px;  width:102%;}
.container_project_list_listtype{position:relative; float:left; margin-top:0px; margin-bottom:4px; padding-left: 30px; padding-right: 30px;  width:102%;}
.container_project_list_title_cell{width:14.8%; margin-right:1.85%; float:left; }
.container_project_list_title_option_a{color: #969696}
.container_project_list_title_option_a-1{display: none;}
.container_project_list_title_option_b{display: none; color: #969696;}
.container_project_list_title_option_b-1{color: black}

.dropdown {width:15%; margin-right:2%; position: relative; float:left;}
.dropdown_last {width:15%; margin-right:0%; position: relative; display: inline-block;}

.dropdown-content .current_cat{text-align:right; background-color: white;}
.dropdown-content .current-cat{text-align:right; background-color: white;}
.dropdown-content li{background-color: #dfdfdf; }
.dropdown-content .bgwhite{background-color: #fff; }

.dropbtn {background-color: #fff;  color: black; padding:3px 0 4px 0; border-top: 1px solid black; border-left: none; border-right: none; border-bottom: none; cursor: pointer; width:100%; text-align:left; font-size:12px;}
.not_current_cat{display: none;}
.dropbtn_current_cat_wrap{margin-top: 3px; position: absolute; width: 100%; height: auto; }
.dropbtn_current_cat{text-align:right; display: block; padding:4px 0 4px 0; border-top: 1px solid black; float: left; position: relative; width: 100%; font-family: 'union_regular', 'sdgothicneo1regular', 'Malgun Gothic';}
.dropdown:hover .dropbtn_current_cat_wrap{display: none}
.dropdown_last:hover .dropbtn_current_cat_wrap{display: none}

.dropdown-content {display: none; position: absolute; background-color: #dfdfdf; width: 100%;}
.dropdown-content a {color: black; padding:3px 0 3px 0; text-decoration: none;  display: block; border-top: 1px solid black;}
.dropdown-content a:hover {background-color: white;}
.dropdown-content li, ul{list-style:none;}

.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #dfdfdf; margin-bottom: -1px;}
.dropdown_last:hover .dropdown-content {display: block;}
.dropdown_last:hover .dropbtn {background-color: #dfdfdf; margin-bottom: -1px;}

#cover{position: fixed; height: calc(100% - 95px); width: calc(100% - 60px); padding:0px 30px 3% 30px; top:95px; 
  left: 0; background: #fff; z-index:9999999999; line-height:1;}

/*PROJECT_SINGLE*/
.kor{line-height:1.7;}
#hidden_text{display:none;}
#hidden_text_summary{display:none;}
#hidden_text_download{display:none;}
#hidden_text_link{display:none;}
.line{border-bottom:1px solid black; padding-bottom:3px; margin:0 0 5px 0; }

.content{width: calc(100% - 60px); left: 30px; position: relative;}
.row{width:100%;}
.keytext_eng{width:30%; display:inline-block; vertical-align:text-top;}
.keytext_eng p{border-bottom:1px solid black; padding-bottom:1px; display:inline;}
.labeltext_eng{width:69%; display:inline-block; vertical-align:text-top;}
.keytext_kor{width:30%; display:inline-block; vertical-align:text-top;}
.keytext_kor p{border-bottom:1px solid black; padding-bottom:2px; display:inline;}
.labeltext_kor{width:69%; display:inline-block; vertical-align:text-top; line-height:1.6;}

.b_arrow{ width: 12px; padding-bottom: 3px; padding-right: 5%; }

.container_project_title{position:relative; float:left; margin-top:89px; margin-bottom:9px; width:100%; }
.bigtitle{font-size: 1.3rem}

.container_project_img{position:relative; float:left; padding-top:29px; margin-bottom:60px; width:100%; }
.container_project_img_innerbox{width:19%; padding-left:1%; float:left; }
.container_project_img_innerbox_2col{width:39%; padding-left:1%; float:left; }
.container_project_img_innerbox_allcol{width:100%; }

.container_project_texttitle{position:relative; float:left; margin-top:0; margin-bottom:10px; width:100%; }
.container_project_text{position:relative; float:left; margin-top:0; margin-bottom:60px; width:100%; }
.container_project_clicker_1col{width:47%; margin-right:1%; padding-right: 2%; float:left;}
.container_project_clicker_2col{margin-left:1%; width:47%; padding-right: 2%; float:right;}
.container_project_text_1col{width:47%; margin-right:1%; padding-right: 2%; float:left;}
.container_project_text_2col{margin-left:1%; width:47%; padding-left: 2%; float:right;}
.three{width:32%; margin-right:2%; position: relative; float:left; padding-top: 3px;}
.three_last{width:32%; position: relative; float:left; padding-top: 3px;}

.related_post{position:relative; float:left; width:100%; margin-top: 60px;}

.cushion{position:relative; float:left; height:250px; padding-left:30px; width:calc(100% - 60px); }

@media screen and (min-width: 616px) and (max-width: 1100px) {
.noshow{display: none;}
.double{padding-bottom:30px }

.container_project_title{position:relative; float:left; margin-top:60px; margin-bottom:9px; width:100%}
.bigtitle{font-size: 1.3rem}

.dropdown {width:32%; margin-right:2%; display: inline-block; padding-bottom: 5px}
.dropdown:hover{z-index:999 !important;}
.dropdown_last {width:32%; margin-right:0%; display: inline-block; padding-bottom: 5px}
.dropdown_last:after {content:""; display:block; clear:both;}

.dropdown:nth-child(3) {width:32%; margin-right:0%; display: inline-block; padding-bottom: 5px}
.dropdown:after {content:""; display:block; clear:both;}

.grid-sizer{width:31.373%; margin-right: 1.961%;}

.imagelist_cell_single{padding-top:5px; padding-bottom:20px; float:left; height: auto; width:31.373%; margin-right: 1.961%;}
.imagelist_cell_single:nth-child(4) {display: none;}
.imagelist_cell_single:nth-child(5) {display: none;}
.imagelist_cell_single:nth-child(6) {display: none;}

.imagelist_cell_single_caption{ margin-top: 5px;}

.dropbtn_current_cat_wrap{margin-top: 3px; position: relative; width: 100%; height: auto;}
.dropbtn_current_cat{text-align:left; display: inline-block; width: calc(100% - 10px); padding:2px 10px 0px 0; border-top: 1px solid white; font-family: 'union_bold','sdgothicneo1bold', 'Malgun Gothic';}
.dropdown:hover .dropbtn_current_cat_wrap{display: none;}
.dropdown_last:hover .dropbtn_current_cat_wrap{display: none;}

.dropdown-content {display: none; position: relative; background-color: #dfdfdf; width: 100%;}
.dropdown-content a {color: black; padding:3px 0 3px 0; text-decoration: none;  display: block; border-top: 1px solid black;}
.dropdown-content a:hover {background-color: white;}
.dropdown-content li, ul{list-style:none;}

.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #dfdfdf; margin-bottom: -1px;}
.dropdown_last:hover .dropdown-content {display: block;}
.dropdown_last:hover .dropbtn {background-color: #dfdfdf; margin-bottom: -1px;}

}


@media screen and (max-width:615px) {

.noshow{display: none;}
.double{padding-bottom:16.8px }

/* INDEX */
.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:hover{border-bottom:1px solid; padding-bottom:1px; color: black;}
.menu_cell:hover{color:#fff;}

/*PROJECT*/
.container_project_imagelist{position:relative; float:left; margin-top:23px; left:30px; width:calc(100% - 60px); }
.imagelist{width:102%; position:relative; float:left; padding:3px 0 3px 0;  }
.imagelist:after {
  content: '';
  display: block;
  clear: both;
}
.imagelist_cell{padding-top:0px; margin:0% 0 6% 0; float:left; position: relative; }
.imagelist_cell_img{height:100%; display: table; vertical-align: middle; overflow: hidden; }
.imagelist_cell:hover .imagelist_cell_img {display: none;}
.imagelist_cell_img span{display: table-cell; vertical-align: middle; }

.grid-sizer{width:75%; margin-left: 12%;}
.imglist_imgcaption{display: none; position: absolute; width: 100%; height: 55%; padding-top: 45%; left: 0; border-bottom: 1px solid black; padding-bottom: 2px; text-align: center}
.imagelist_cell:hover .imglist_imgcaption{display: block; color: black}
.firstimage{width: 100%; margin: auto 0% auto 0%;}
.firstimage-horizontal{width: 100%; margin: auto 0% auto 0%;}
.firstimage-vertical{width: 68%; margin: auto 16% auto 16%; overflow: hidden;}

.imagelist_cell_single{padding-top:5px; padding-bottom:20px; float:left; height: auto; width:31.373%; margin-right: 1.961%;}
.imagelist_cell_single:nth-child(4) {display: none;}
.imagelist_cell_single:nth-child(5) {display: none;}
.imagelist_cell_single:nth-child(6) {display: none;}

.container_dropdown{position:relative; float:left; margin-top:90px; left:30px; width:calc(100% - 60px);  z-index:999; clear:both;}

.container_project_list{position:relative; float:left; margin-top:22px; left:30px; width:calc(100% - 60px); display:none; }
.container_project_list_wrap{position:relative; float:left; width:calc(100% - 60px);  }
.container_project_list_title{position:relative; float:left; margin-top:20px; margin-bottom:2px; padding-left: 30px; padding-right: 30px;  width:102%;}
.container_project_list_listtype{position:relative; float:left; margin-top:0px; margin-bottom:4px; padding-left: 30px; padding-right: 30px;  width:102%;}
.container_project_list_title_cell{width:31.45%; margin-right:1.85%; float:left; }
.container_project_list_title_option_a{color: #969696}
.container_project_list_title_option_a-1{display: none;}
.container_project_list_title_option_b{display: none; color: #969696;}
.container_project_list_title_option_b-1{color: black}

.dropdown {width:100%; margin-right:0%; padding-bottom: 5px; position: relative; float:left;}
.dropdown_last {width:100%; margin-right:0%; padding-bottom: 5px; position: relative; display: inline-block;}

.dropdown-content .current_cat{text-align:right; background-color: white;}
.dropdown-content .current-cat{text-align:right; background-color: white;}
.dropdown-content li{background-color: #dfdfdf; }
.dropdown-content .bgwhite{background-color: #fff; }

.dropbtn {background-color: #fff;  color: black; padding:3px 0 4px 0; border-top: 1px solid black; border-left: none; border-right: none; border-bottom: none; cursor: pointer; width:100%; text-align:left; font-size:12px;}
.not_current_cat{display: none;}
.dropbtn_current_cat_wrap{margin-top: 3px; position: relative; width: 100%; height: auto;}
.dropbtn_current_cat{text-align:left; display: inline; width: auto; padding:2px 10px 0px 0; border-top: 1px solid white; font-family: 'union_bold','sdgothicneo1bold', 'Malgun Gothic';}
.dropdown:hover .dropbtn_current_cat_wrap{display: none;}
.dropdown_last:hover .dropbtn_current_cat_wrap{display: none;}

.dropdown-content {display: none; position: relative; background-color: #dfdfdf; width: 100%;}
.dropdown-content a {color: black; padding:3px 0 3px 0; text-decoration: none;  display: block; border-top: 1px solid black;}
.dropdown-content a:hover {background-color: white;}
.dropdown-content li, ul{list-style:none;}

.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #dfdfdf; margin-bottom: -1px;}
.dropdown_last:hover .dropdown-content {display: block;}
.dropdown_last:hover .dropbtn {background-color: #dfdfdf; margin-bottom: -1px;}

.list_col-123wrap{width:100%; float:left; padding-bottom: 5px;}
.list_col-1{width:23%; padding-right: 2%; float:left;}
.list_col-2{width:70%; padding-right: 0%; float:left;}
.list_col-2_long{width:70%; float:left;}
.list_col-3{width:70%; margin-left: 27%; float:left;}
.size-full-news{width: 90%; padding-bottom: 5px;}
.size-medium-news{width: 90%; padding-bottom: 5px;}

#cover{position: fixed; height: calc(100% - 95px); width: calc(100% - 60px); padding:0px 30px 3% 30px; top:95px; 
  left: 0; background: #fff; z-index:9999999999; line-height:1;}

/*PROJECT_SINGLE*/
.kor{line-height:1.7;}
#hidden_text{display:none;}
#hidden_text_summary{display:none;}
#hidden_text_download{display:none;}
#hidden_text_link{display:none;}
.line{border-bottom:1px solid black; padding-bottom:3px; margin:0 0 5px 0;}

.content{left:23px; width:calc(100% - 46px); position: relative;}
.row{width:100%;}
.keytext_eng{width:100%; display:inline-block; vertical-align:text-top;}
.keytext_eng p{border-bottom:1px solid black; padding-bottom:0px; display:inline;}
.labeltext_eng{width:100%; display:inline-block; vertical-align:text-top;}
.labeltext_eng p{padding-bottom: 5px;}
.keytext_kor{width:100%; display:inline-block; vertical-align:text-top;}
.keytext_kor p{border-bottom:1px solid black; padding-bottom:1px; display:inline;}
.labeltext_kor{width:100%; display:inline-block; vertical-align:text-top; line-height:1.6;}
.labeltext_kor p{padding-bottom: 5px;}
.b_arrow{ width: 12px; padding-bottom: 3px; padding-right: 5%; }

.container_project_title{position:relative; float:left; margin-top:10px; margin-bottom:10px; width:100%;}
.bigtitle{font-size: 2rem}
.container_project_img{position:relative; float:left; padding-top:29px; margin-bottom:60px; width:100%;; }
.container_project_img_innerbox{width:19%; padding-left:1%; float:left; }
.container_project_img_innerbox_2col{width:39%; padding-left:1%; float:left; }
.container_project_img_innerbox_allcol{width:100%; }

.container_project_texttitle{position:relative; float:left; margin-top:0; margin-bottom:10px; width:100%;}
.container_project_text{position:relative; float:left; margin-top:0; margin-bottom:60px; width:100%; }
.container_project_clicker_1col{width:46%; margin-right:1%; padding-right: 3%; float:left;}
.container_project_clicker_2col{margin-left:1%; width:46%; padding-right: 3%; float:right;}
.container_project_text_1col{width:100%; margin-right:0%; padding-right: 0%; float:left; margin-bottom: 25px;}
.container_project_text_2col{margin-left:0%; width:100%; padding-left: 0%; float:left;}


.related_post{position:relative; float:left; width:100%; margin-top: 60px; font-size: 11px;}

.cushion{position:relative; float:left; height:250px; padding-left:30px; width:calc(100% - 60px); }

/*JOURNAL*/
.journal-wrap{width:100%; position:relative; float:left; margin-top: -30px }
.journal-content{width: calc(100% - 60px); margin:0 30px 0 30px; border-bottom:0px solid black; padding: 0 0 40px 0;}
.journal-meta{width: calc(100% - 60px); padding: 0 30px 0 30px;}
.journal_title{position:relative; float:left; margin-top:22px; margin-bottom:2px; padding-left: 30px; padding-right: 30px; width:calc(100% - 60px);}


/*INFO*/
.container_nodepthmenu{position:relative; float:left; margin-top:90px; left:30px; width:calc(100% - 60px); z-index:999; clear:both; }
.nodepthmenu {width:100%; margin-right:0%; position: relative; float:left; margin-top: 2px; padding-bottom: 7px}
.nodepthmenu_list {width:100%; margin-right:0%; position: relative; float:left;}
.nodepthmenu_last {width:100%; margin-right:0%; position: relative; float:left; margin-top: 0px; padding-bottom: 7px}
.information_title{position:relative; float:left; margin-top:22px; margin-bottom:2px; padding-left: 23px; padding-right: 23px; width:calc(100% - 46px);}
.information_img{position:relative; float:left; margin-top:26px; margin-bottom:60px; left:23px; width:calc(100% - 46px); }
.information_text{position:relative; float:left; margin-top:26px; margin-bottom:60px; left:23px; width:calc(100% - 46px); }
.three{width:100%; margin-right:0%; position: relative; float:left; padding-top: 3px;}
.three_last{width:100%; position: relative; float:left; padding-top: 3px;}

.current_info {width:100%; text-align:right;}
.current_info a{text-align:right;}
.dropbtn_info {background-color: #fff;  color: black; padding:3px 0 3px 0; border-top: 1px solid black; border-left: none; border-right: none; border-bottom: none; width:100%;}
.dropbtn_etc {background-color: #fff;  color: black; padding:3px 0 3px 0; border-top: 1px solid white; border-left: none; border-right: none; border-bottom: none; width:100%;}

/* BIBLIOGRAPHY */
.container_nodepthmenu_biblio{position:relative; float:left; margin-top:90px; left:30px; width:calc(100% - 60px); z-index:999; clear:both;}
.container_nodepthmenu_biblio .nodepthmenu {width:100%; margin-right:0%; position: relative; float:left; margin-top: 2px; padding-bottom: 7px}
.container_nodepthmenu_biblio .nodepthmenu_last {width:100%; margin-right:0%; position: relative; float:left; margin-top: 2px;}
.container_nodepthmenu_biblio .nodepthmenu_list {width:100%; margin-right:0%; position: relative; float:left;}
.container_list-biblio{position:relative; float:left; margin-top: 10px; left:30px; width:calc(100% - 60px); }
.biblio_list_title{position:relative; float:left; margin-top:22px; margin-bottom:2px; padding-left: 30px; padding-right: 30px; width:calc(100% - 60px);}
.class-Book:hover{background-color: #dfdfdf;}
.class-Writing:hover{background-color: #dfdfdf}
.class-Publication:hover{background-color: #dfdfdf;}
.container_biblio_list{position:relative; float:left; margin-top:25px; left:30px; width:calc(100% - 60px);}
.title_biblio{width:100%; margin-right:0%; margin-bottom: 27px; position: relative; float:left;}
.img_biblio{width:70%; margin-left: 15%; margin-right:0%; margin-bottom: 27px; position: relative; float:left; background-color: yellow}
.info_biblio{width:100%; margin-right:0%; margin-bottom: 27px; position: relative; float:left;}
.colophon_last{width:100%; margin-right:0%; position: relative; float:left;}

/* 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:#969696;}
input[type="text"] {
  border-bottom:solid 1px black; border-top:none; border-left:none; border-right:none; outline:none; padding-bottom:0px; margin-top:-1px; font-size:12px; color:#000;}
input[type="submit"] {
  display: inline-block; width:0;
  float: left;
  background: url('');
  background-size:contain;
  margin-left: -200px;
  border: none;
  position: relative;
  top: 8px;
  right: 8px;
  z-index: 10;
  cursor: pointer;
}
.pointer{cursor: pointer;}

}